In the dense-packing visual, without `dense` set, a wide item 2 leaves a gap next to it and item 3 is pushed down to the next row; what does adding `dense` change about item 3’s placement?

A developer sets `gap: 20px;` on a grid container and expects a 20px margin around the whole grid as well as between items; what will actually happen?

Which term refers to the movement of a body part away from the central axis of the body?

Two grid items occupy the same cells, and the developer wants the second one to visually cover the first; what determines which one appears on top?

`header { grid-column: 1 / -1; }` produces the “same result” as an earlier explicit `1 / 4` declaration in this specific 3-column layout; why does that equivalence hold here but not necessarily in a grid with a different column count?

A developer is deciding between an older one-direction layout method and CSS Grid for a page that needs to align content across both rows and columns at once; which fact about Grid makes it the right fit?

A developer sets `grid-template-columns: auto 1fr;` for a layout where the first column should just be as wide as its content needs; what does the `auto` value do here compared to `1fr`?

A grid is set up with 3 explicit columns and 2 explicit rows, and nine items are placed into it in source order; which item is the first one to land in an implicit row?

A card grid uses `grid-template-columns: repeat(3, minmax(200px, 1fr));`; what happens to the columns as the container gets narrower and narrower?

A designer opens a site built with a 960px fixed wrapper on a very wide desktop monitor and sees large empty margins on either side of the content; what layout tradeoff is this?