The next step towards a truly modular CSS
summary
Claims that container queries are now shipping in major browsers (support cited as ~92% in Romania, ~87% in Belgium) and that they let components adapt to ancestor dimensions rather than the viewport. Shows three usable feature sets: size container queries, container relative units for responsive fonts and images, and early style container features (partial support). Demonstrates a reusable weather widget and a shopping‑cart web component styled purely with CSS, contrasts this with ResizeObserver + JS which induces layout shift.
AI-written summary · about
chapters (8)
- 0:00Start
- 2:21Goals
- 3:08Media queries?
- 4:30Config options?
- 5:40ResizeObserver?
- 7:50Size container queries
- 15:09Container relative units
- 16:25Style container queries
related talks
17mContainer queries, the next step towards a truly modular CSS
54mCSS Containers, What Do They Know?
19mContainer Queries
55mSmart Layouts
45mSolving container queries today
17mThe New Responsive: Web Design in a Component-Driven World
28mContainer Queries: The Past, Future, and How You Can Actually Even Use Them Today
46mNew things we love and more things we want in CSS