Archived:
✅ This feature has shipped in browsers. Our notes are likely out-of-date.
- WICG: Use Cases and Requirements
- Chris Coyier: Let’s Not Forget About Container Queries
- Chris Coyier: Container Query Discussion
- Zach Leatherman: The Origin Story of Container Queries
Who is Working on Container Queries contains a long list of existing JS plugins.
There are also some interesting CSS custom-property solutions.
These all work one-property-at-a-time,
much like the switch() proposal…
- Heydon Pickering: Flexbox Holy Albatros
- Xiao Zhuo Jia: Unholy Albatross
- Mathias Hülsbusch: The Raven Technique
Talks & Podcasts ¶
- CSSWG Proposals
- Styling the Intrinsic Web (slides)
- Front End Nerdery
- Container Queries & The Future of CSS (slides)
- Syntax.fm
- Word Wrap Show
- The F-Word
- Smashing Podcast
Articles & Demos ¶
- OddBird Resources
- Container Queries: a Quick Start Guide by David Herron
- A Primer On CSS Container Queries by Stephanie Eckles
- Say Hello To CSS Container Queries by Ahmad Shadeed (annotated on CSS Tricks by Robin Rendle)
- CSS Container Queries For Designers by Ahmad Shadeed
- Container Queries in Web Components by Max Böck
- Container Queries are actually coming by Andy Bell
- CSS Container Queries: A First Look + Demo by Bramus Van Damme
- Next Gen CSS: @container by Una Kravets
- CSS Container Queries: Use-Cases And Migration Strategies by Adrian Bece
- Twitch live-stream highlights & summary by Stephanie Eckles
- My CodePen collection of demos
Query Units:
- CSS Container Query Units by Ahmad Shadeed
- Container Units Should Be Pretty Handy by Chris Coyier
See Also:
- Awesome-Container-Queries by Stuart Robson
Proposals ¶
- 2020
@containerproposal by David Baron - 2020
switch()proposal by Brian Kardell