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?

Resources if you're just hearing about them now:

• Miriam Suzanne is the proposal author, and you should start with her explainer
• Check out her CodePen collection of demos
• You might like highlights from my Twitch stream of exploring them for the first and second time
• A quick start guide from David A. Herron
• Ahmad Shadeed's excellent overview with practical examples
• And links to more within Stu Robson's repo Awesome-Container-Queries

Comments

[Andrew Bone]

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

CSS Container Queries

Andrew Bone ・ Apr 24 ・ 5 min read

#css #webdev

[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!

[official_dulin]

Good to know.

[Santo Khan]

nice example.