A presentation at Finch Front-end in in Edinburgh, UK by Chen Hui Jing
The newer layout methods that CSS offers are more powerful than anything we’ve had before, introducing numerous properties and values whose behaviour that might seem confusing if you don’t completely understand how the browser interprets them.
DevTools can be more than just a debugging tool. It can also help better our understanding of how the browser renders CSS.
This talk will explain a variety of modern CSS layout techniques through live demonstrations via DevTools, and provide real-world use cases of how such techniques allow designs to better adapt across a broad range of viewports.
The following resources were mentioned during the presentation or are useful additional information.
Here’s what was said about this presentation on social media.
for free. You
can too.