Container Queries and Container Units Quiz

Review

1. What does a container query primarily evaluate?

   Container queries evaluate conditions against an eligible query container associated with the element being styled.
2. Which property establishes the query-container type used in the core example?

   container-type establishes the containment needed for container-query evaluation.
3. Why use container-name?

   A named @container condition can target the intended named ancestor.
4. For an unnamed query, which eligible container is selected first?

   An unnamed container query starts with the nearest eligible query container.
5. What does (width >= 30rem) mean inside @container?

   The range compares the queried size feature of the selected container.
6. What does an and-combined container condition require?

   An and condition is true only when all of its component conditions are true.
7. What does cqi reference?

   cqi is one percent of the query container’s inline size.
8. Why use a container unit instead of only @container?

   Container-relative units can make a property vary continuously instead of changing only at thresholds.
9. Which mechanism should own a viewport/environment condition?

   Media Queries own conditions about the user agent or output environment.
10. If @container changes display:grid, which owner explains the Grid algorithm?

    Grid owns the two-dimensional layout algorithm; Container Queries own the condition.
11. How should developing style-query features be taught?

    Developing container-query functionality should be labeled with its current W3C status and rechecked over time.
12. Which topic belongs outside this lesson’s primary ownership?

    General containment is a separate curriculum owner; this lesson covers only what container queries require.