Pardon my dust! I just migrated my website to the fantastic Eleventy and am recording the redesign process of adopting my design system for our AI & Design Systems course.

Container Queries: Once More Unto the Breach

Mat Marquis explains the current status of element queries, which have now been rebranded as "container queries".

This is a big and necessary step for pattern-based design and development. We all just want to create components, drop them into any layout, and have them Just Work.

Mat explains how element queries caused circular logic, and how container queries could show a better way forward. If you're interested in helping the cause, Mat shares how you can help:

Clone the repo, copy the demo-template directory into /demos, give your demo a name, and build something using container queries. Be sure to let us know how it goes, whether good or bad.

For more information on element/container queries, I've rounded up a bunch of resources on the topic at This Is Responsive.

Brad Frost Hey there! Brad Frost brad@bradfrost.com

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Check out my courses AI & Design Systems course Atomic Design Certification Course Subatomic: The Complete Guide to Design Tokens course Get my newsletter

I like connecting with people directly without algorithms and machines getting in the way, and my newsletter helps me do that. Subscribe to get my latest thinking and interesting links about design, technology, music, art, creativity, and some random fun along the way.

Around the web