In CSS Grid, grid-auto-rows controls what aspect?

In CSS Grid, grid-auto-rows controls what aspect?

• A. The height of implicitly created rows; content can increase height; use minmax to constrain
• B. The width of implicitly created columns
• C. The gap between rows
• D. The start position of grid items

Answer: (A)

Implicit rows in CSS Grid are created automatically when items wrap to new lines. grid-auto-rows defines the height of those implicitly created rows, giving you a track size to start from. If the content inside a cell is taller than that height, the row can still grow if you use a sizing function like minmax to allow expansion, which lets the row height increase up to a maximum you specify. This is handy for keeping a uniform grid while still accommodating variable content heights. Note that grid-auto-rows only affects the height of implicit rows, not the width of implicit columns (that’s grid-auto-columns). It also doesn’t set the gaps between rows (that’s row-gap or gap) or control where items start (that’s grid-row-start and related placement).

Implicit rows in CSS Grid are created automatically when items wrap to new lines. grid-auto-rows defines the height of those implicitly created rows, giving you a track size to start from. If the content inside a cell is taller than that height, the row can still grow if you use a sizing function like minmax to allow expansion, which lets the row height increase up to a maximum you specify. This is handy for keeping a uniform grid while still accommodating variable content heights.

Note that grid-auto-rows only affects the height of implicit rows, not the width of implicit columns (that’s grid-auto-columns). It also doesn’t set the gaps between rows (that’s row-gap or gap) or control where items start (that’s grid-row-start and related placement).