Test your knowledge: CSS Grid Layout

Review

1. What does 1fr represent in a grid track sizing context?

   fr participates in distributing leftover space among flexible tracks.
2. What does grid-column: 1 / -1 normally span on the explicit grid?

   The placement runs from the first grid line to the last grid line.
3. What does grid-column: 2 / span 2 request?

   The item starts at line 2 and occupies two columns.
4. What shape must a named grid-template-areas region have?

   A named area must form one rectangular region.
5. What creates an implicit track?

   Implicit tracks exist outside the explicitly defined grid when needed.
6. What is a consequence of grid-auto-flow: dense?

   Dense packing can change visual placement order by filling earlier holes.
7. What can auto-fit do in a repeated grid?

   auto-fit collapses empty repeated tracks in the relevant repeat pattern.
8. Why can content affect a grid track’s size?

   The Grid track-sizing algorithm can use intrinsic contributions from grid items.
9. What does subgrid add?

   Subgrid lets nested layout use the parent grid’s track sizing on the chosen axis.
10. Where is the shared definition of Grid alignment concepts owned?

    Box Alignment is the cross-layout owner for the shared alignment model.
11. Which layout relationship is Grid primarily designed to solve?

    Grid is a two-dimensional layout system.
12. How should current Grid Level 3 masonry work be treated in the foundational lesson?

    W3C currently lists Grid Level 3 as a Working Draft introducing masonry, so it should be clearly separated from the foundational Level 1/2 model.