Esc
↑↓ navigate   Enter open   Esc close

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.

Practice in exercises → Browse all words

Frequently Asked Questions

What does "Container Query" mean?

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

How do you pronounce "Container Query"?

"Container Query" is pronounced /kənˈteɪnər ˈkwɪəri/.

Can you use "Container Query" in a sentence?

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