Awesome-Container-Queries
A repo with links to posts of things around container queries.
References
- W3C CSS Containment Module Level 3
- MDN Web Docs
- Platform Status
- Enable Container Queries in Chrome Canary
Polyfills
Articles
2021
- A New Container Query Polyfill That Just Works
- 12 Days of Web - Container Queries
- A Cornucopia of Container Queries
- Media Queries in Times of @container
- Container Queries Explainer & Proposal
- Next Gen CSS: @container
- Component-level art direction with CSS Container Queries
- Can We Create a “Resize Hack” With Container Queries?
- Responsive design and container queries? Oh my!
- CSS Container Queries For Designers
- CSS Container Queries: Use-Cases And Migration Strategies
- Container Queries in Web Components
- Container Queries & The Future of CSS
- A Primer On CSS Container Queries
- CSS Container Queries: A First Look + Demo
- Say Hello To CSS Container Queries
- What are container queries in CSS?
- Container Queries are actually coming
- Container Queries: a Quick Start Guide
- Why I think the upcoming CSS Container queries are GAME CHANGING
- The new responsive → Responsive to the container
2020
2019
2017
2013
- Media Queries Are Not The Answer: Element Query Polyfill
- Working around a lack of element queries
- Element Queries
CodePens and Examples
note: some of these examples may appear broken in browsers that support Container Queries due to changes in specification since the example was published.