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?

Compared to the float-based hacks that came before it, what is the main advantage CSS Grid offers for describing a layout?

A card needs its lift-on-hover motion and its scale-on-hover motion to animate at two different speeds, one snappier than the other.

Before `gap` existed, developers commonly added margins to grid items and then a negative margin on the container to compensate; why did `gap` make that old approach unnecessary?

A container defines `grid-template-columns: 200px 1fr;` alongside a `grid-template-areas` map where every row lists exactly two names; why must the area map’s column count match the number of columns defined in `grid-template-columns`?

Before CSS Grid existed, developers who wanted more control than plain fixed or liquid layouts offered often combined floats with negative margins and padding hacks; what was the practical downside of that approach?

In a grid layout, which direction do the column tracks run, and which direction do the row tracks run?

A developer is deciding whether to rely on `subgrid` for a public-facing site and checks browser support; what does the listed support tell them?