Mozilla Hacks | Understanding modern CSS layouts with Firefox DevTools - by HJ Chen | Mozilla Developer Roadshow EU @mozhacks | Uploaded 4 years ago | Updated 1 day ago
We often think of DevTools for debugging purposes, but in recent years, Firefox DevTools have become more than that. The newer layout properties like Flexbox and Grid introduce behaviours that might seem confusing at first, but Firefox DevTools provides features that can help us better understand how the browser interprets the CSS values we assign.
Hui Jing Chen is a self-taught designer and developer living in Singapore, with an inordinate love for CSS, as evidenced by her blog, that is mostly about CSS, and her tweets, which are largely about typography and the web.
We often think of DevTools for debugging purposes, but in recent years, Firefox DevTools have become more than that. The newer layout properties like Flexbox and Grid introduce behaviours that might seem confusing at first, but Firefox DevTools provides features that can help us better understand how the browser interprets the CSS values we assign.
Hui Jing Chen is a self-taught designer and developer living in Singapore, with an inordinate love for CSS, as evidenced by her blog, that is mostly about CSS, and her tweets, which are largely about typography and the web.
