CSS Container Queries shift the paradigm from viewport-based responsiveness to considering a component's context like size or inline-size. They offer a new way to approach responsiveness compared to traditional media queries.
Container Queries can query elements by dimensions (container size queries) or by components' current styles (container style queries), the latter currently available behind a feature flag in Chrome 111+ and Safari Technology Preview.
[
Collection
]
[
|
...
]