What are Container Queries?

Container queries style components based on the size of their parent container rather than the viewport.

When to use Container Queries?

Use container queries for reusable components that must adapt in varied layouts.

What is the anatomy of Container Queries?

The anatomy includes @container, container‑type, container‑name, inline size thresholds and query units (cqw, cqh), and the ability to combine with media queries and responsive props.