The CSS Podcast cover image

59: Container queries

The CSS Podcast

00:00

How to Write Container Name and Container Type in One Line

The new shorthand is just container. It's just container accepts a container name and a container type all in one with name coming first. You can't just write container inline size, which you used to be able to in early versions of the spec, but no longer. If you had the old syntax, can you use an emoji is container name? Probably probably. That sounds like you can do that with grid name. So yeah, cool. I don't see why not query the emoji, emoji queries. Yeah. Now that we've set up our parent container, we can actually query it. You can style any child element using at container and look for changes on its parent to apply the

Play episode from 05:30
Transcript

The AI-powered Podcast Player

Save insights by tapping your headphones, chat with episodes, discover the best highlights - and more!
App store bannerPlay store banner
Get the app