More people are using container queries than I realized! This is a great thread listing some of the sites using them in production, and also some graphs that show some clear positive trends 😄 - ThreadSky

joshwcomeau.com • 113 days ago

More people are using container queries than I realized!

This is a great thread listing some of the sites using them in production, and also some graphs that show some clear positive trends 😄

Reposted from Philip Walton

Great post by @joshwcomeau.com on why CSS containment is needed for Container Queries: bsky.app/profile/josh...

But I need to somewhat disagree with the premise that "none of us are using them" :)

If you look at the data, many popular sites already ship CQs in production!

Here's a quick look: 🧵

Comments

joshwcomeau.com•113 days ago

I wish I could edit my original Bluesky post! I shouldn't have said "none of us" are using them.

I also realized right after posting that it sounds like I think my blog post is the solution to their *overall* adoption, like this one post will change everything. And I absolutely don't think that. 😅

autiomaa.org•111 days ago

It is still very few people compared to the amount of possibilities for making web better. Lot of learning needed, especially at traditional schools that still largely teach outdated CSS design methods to students. "Teach the teachers", someone might think.

keegan.codes•113 days ago

A new internal design system I'm working on at Kizen uses container queries heavily! Browser support is in line with our own list of supported browsers so it was a perfect time to switch over.

chrismccully.com•113 days ago

Container queries were something I was scared of for so long because they weren't quite websafe, but last year I gave in right as it seemed they were getting full web support :)

ninjanordbo.bsky.social•113 days ago

they are very useful

camchenry.com•113 days ago

We started shipping container queries to production https://github.com this year. It also helped us reduce the amount of JS needed because we had some "useContainerBreakpoint" type functions we could eliminate.

Container queries were both much easier to maintain and had much better performance (vs React)

camchenry.com•113 days ago

Worth noting it's mostly used as a progressive enhancement as far as I know, so even if a browser doesn't support it, it shouldn't block critical functionality

pierbover.com•113 days ago

Of course it depends on the use case but support isn't there yet to use in production IMO.

https://caniuse.com/css-container-queries

Maybe in 2026...

autiomaa.org•110 days ago

How old browsers you are targetting? Based on the Can I use feature compatibility chart, most browsers have been supporting CSS Container Queries for a long time already.

Unless you target some internal corporate networks with insecure & highly risky old browser versions, that is a bigger problem.

autiomaa.org•110 days ago

Usage amounts at least point out that CSS Container Queries are already production ready for most of the non-China web. If your customers are in China, that is a totally different case, but for regular consumer and enterprise users, it is already good to use.
https://caniuse.com/css-container-queries

pierbover.com•110 days ago

Two years ago is not a long time.

Plenty of people in the world using old mobile devices, for example.

Just the other day I fixed a bug because of a desktop FF user running a version from 2018 in a very old Mac Pro.

autiomaa.org•110 days ago

Yes, there are still people using old devices. But how much money you are willing to spend on people who are not paying customers? Cost of investment to fixing layout bugs in ancient browser versions is larger than cost of using features that have been available for several years. LTS versions etc.

Comments

Posting Rules

Reply