jargon

Frontend & browser·Layout, CSS and the cascade

the same card renders as a row in the wide column and as a stack in the narrow one, with no props involved.

Container query

Also called@container, element query

A conditional block applied on the size of an ancestor container rather than the viewport, which lets a component respond to the space it is actually in. It removes the main reason components had to be told which layout they were in, and it makes a component library genuinely reusable across page widths. The container must opt in with `container-type`, and doing so creates containment that changes how the element sizes itself — usually harmless, occasionally the bug.

Commonly confused with