Two items are placed in the same grid cell, and neither has a `z-index` set; which one appears on top by default?

A page uses Grid to lay out its overall header/sidebar/main/footer structure, and then uses Flexbox inside the header to line up a logo and a row of nav links; what does this combination illustrate?

A container defines two explicit rows with `grid-template-rows`, but eight items are placed inside it; what happens to the items that don’t fit in those two rows?

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`?