Container Query
A rule that responds to how much space a component actually has.
Definition
A CSS query that applies styles based on the size of an element's container rather than the viewport.
Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.
On this plate
In plain language
A rule that responds to how much space a component actually has.
Example
A card that becomes horizontal when its own width exceeds 28rem, whether it is in a sidebar or a main column.
Local chart
TERM·070 · Region X · Grid C6
This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.
Continue from here
Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.
Deeper reading
The full entry behind this definition.
- Component API DesignSYS·002 · Design system
- ContainersFND·041 · UI foundation
- Responsive LayoutFND·043 · UI foundation
Nearby in the Atlas
Adjacent territory, found through shared tags rather than a stated link.