DEV Community

loading...
Cover image for Have you experimented with CSS container queries?

Have you experimented with CSS container queries?

5t3ph profile image Stephanie Eckles ・1 min read

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:

Discussion (4)

pic
Editor guide
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.