CSS Containers, What Do They Know? | Miriam Suzanne | CSS Day 2023

A deep-dive introduction to CSS Container Queries
How did Container Queries go from ‘impossible’ to ‘shipping’ after so many years? How do we use them, and what hidden powers do they have? What are CSS containers, and what queries can they respond to? Let’s find out!
While the basics look a lot like media queries, and can work as a drop-in replacement for many existing @media rules - there are some key differences to understand, and a lot more power than you might expect. Along the way we’ll encounter CSS fundamentals like normal flow, intrinsic and extrinsic sizing, value resolution, and more. Join me to learn all you need to know about using container queries in your web projects.
Slides: slides.oddbird.net/cq/cssday
About Miriam: www.miriamsuzanne.com/
More about CSS Day: cssday.nl or / cssdayconf
Receive conference announcements in your inbox: cssday.nl/subscribe

[@devvvvvvvvvvvv]

Miriam rocks. Many of us owe our careers to even her transient musings. A treasure to the craft.

[@coolworx]

_transient musings_ Interesting choice of words.

[@castastrophe]

This presentation is so helpful and so hilarious! Love your style and love the way you communicate Miriam!

[@JulianKovalsky]

Awesome presentation, thanks Miriam!

[@RobertMcGovernTarasis]

That was a lovely talk.

[@arnulfoloredo1079]

I wanted to use containers in a highly visited site, but support was not good enough and I stopped. But I will go an try using containers at least for my personal website and my blog. I am highly excited for this feature.

[@devvvvvvvvvvvv]

Full browser compatibility now lfgggggggg