Understanding modern CSS layouts with Firefox DevTools

A presentation at Mozilla Developer Roadshow Europe 2019 by Chen Hui Jing

Using DevTools to understand modern CSS layouts

Using DevTools to understand modern CSS layouts

We often think of DevTools for debugging purposes but over the past couple of 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.

Video

Buzz and feedback

Here’s what was said about this presentation on social media.