Modern CSS Layout is Awesome! (2024 edition)

A presentation at Pixel Pioneers in in Bristol, UK by Michelle Barker

The past few years have brought us a tonne of new CSS features to help solve common layout challenges. In this session, we’ll delve into some real-world use cases for new features like container queries and the :has() pseudo class.

We’ll explore how to combine these with more familiar features in order to build robust, flexible and creative layouts that respond to both content and context, and take a peek into the near future to see what’s coming next for CSS layout.