DEV Community

Cover image for Have you experimented with CSS container queries?
Stephanie Eckles
Stephanie Eckles

Posted on

Have you experimented with CSS container queries?

CSS container queries have landed as an experiment in Chrome Canary! You can enable them under chrome://flags.

Have you had a chance to experiment with them yet? How do you feel about them being available in CSS?

demo of using container queries within a flexbox grid layout, using color and CSS content to note when flex children are rendered as small, medium, or large container sizes.

Resources if you're just hearing about them now:

Top comments (4)

Collapse
 
link2twenty profile image
Andrew Bone

I think they're awesome, a real game changer. I did a post about them too ☺️

Collapse
 
jamesthomson profile image
James Thomson

I can think of a good handful of cases where I've needed them. Happy to see they've finally landed. Hopefully official support isn't too far off!

Collapse
 
mrdulin profile image
official_dulin

Good to know.

Collapse
 
santokhan profile image
Santo Khan

nice example.