This block + 6,000 more — yours with Pro

Chat Anonymous Chat

4/200
Docs
Anonymous Chat7 participants
+2
Identities are randomized. Messages are not stored.
Anonymous Owl3:42 PM

Has anyone tried the new container queries in production?

Anonymous Bear3:43 PM

We shipped them last week. Works great for card layouts that need to adapt to sidebar vs main content width.

Anonymous Fox(you)3:44 PM

Nice. What about browser support?

Anonymous Bear3:45 PM

Around 92% global support now. We use a fallback with media queries for the rest.

Anonymous Turtle3:47 PM

I tried them for a dashboard project. The @container syntax feels natural if you already know media queries.

Anonymous Rabbit3:48 PM

The tricky part is naming containers. We ended up with a convention: component-name as the container name.

Anonymous Fox(you)3:49 PM

That makes sense. Do you scope them per component or globally?

Anonymous Rabbit3:50 PM

Per component. Global container names get messy fast in a large codebase.