Which statement accurately describes container queries compared to media queries?

Which statement accurately describes container queries compared to media queries?

• A. Container queries style based on viewport dimensions
• B. Container queries require container-type declarations
• C. Media queries style based on container size
• D. Container queries are deprecated

Answer: (B)

Container queries are about adapting styles to the size of a specific container, not the browser window, so components can respond to their own available space. To use them, you must mark the element as a container with a container-type declaration (for example, container-type: inline-size;). Once established, you can apply styles inside @container blocks that activate when the container meets size conditions. This requirement—declaring a container-type to enable container queries—is what makes the statement the best description. By contrast, media queries respond to viewport dimensions, not container size, and container queries are not deprecated.

Container queries are about adapting styles to the size of a specific container, not the browser window, so components can respond to their own available space. To use them, you must mark the element as a container with a container-type declaration (for example, container-type: inline-size;). Once established, you can apply styles inside @container blocks that activate when the container meets size conditions. This requirement—declaring a container-type to enable container queries—is what makes the statement the best description. By contrast, media queries respond to viewport dimensions, not container size, and container queries are not deprecated.