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.
A workshop on resilient & maintainable CSS
New CSS features are shipping at an unprecedented rate –
cascade layers, container queries, the :has() selector,
subgrid, nesting, and so much more.
It’s a good time to step back and understand
how these tools fit together in a declarative system –
a resilient cascade of styles.