Modern CSS Layout

A presentation at Smashing Conference Freiburg 2022 in in Freiburg, Germany by Michelle Barker

CSS layout has moved along in leaps and bounds in the past few years. Beyond flexbox and Grid, there is aspect-ratio, min, max and clamp functions, custom properties, and logical properties, all of which can help us solve common layout challenges. Plus a whole new range of features on the horizon (with some already landing in browsers!), including subgrid, container queries and the :has() pseudo-class (or “parent selector”).

As developers, the challenge is no longer whether something can be done in CSS, but which of these tools to reach for in our CSS toolbox! This session will aim to bring you up to speed with modern CSS layout, and demonstrate some creative use cases.