CSS & Frontend

Container Query

/kənˈteɪnər ˈkwɪəri/

Definition

A CSS feature allowing styles to change based on the size of a parent container, not the viewport.

Example in context

"@container (min-width: 400px) lets the card component adapt to its own width — no viewport breakpoints needed."

Practice this term

Master Container Query in context by working through exercises in the CSS & Frontend module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.