The Magic You Have Been Missing in CSS Layouts

The first time I saw CSS Grid paired with repeat(auto-fill, minmax(...)) back in 2019, I thought, “Wow, CSS is actually pretty awesome.”

In this talk, we will go beyond just knowing that Flexbox and Grid exist. I will cover powerful layout techniques—from simple tricks like centering elements to practical use cases like dynamic card layouts, sticky footers, multi-column designs, and responsive forms without media queries. We will also explore how grid-template-areas, when used effectively, can be a game changer.

Along the way, we will also go through a few modern CSS features like aspect-ratio, :has(), and clamp()—practical tools that can make your layouts more flexible and maintainable.

This is a highly practical talk. You will see actual code, understand how it works, and walk away with CSS patterns you can start using the very next day.