HTML & CSS · Senior · Question 4 of 75
What problem does subgrid solve?
- 1It lets a grid have more than 12 columns without nested containers
- ✓Correct answer: It gives a nested grid its parent's tracks, aligning parts across cards
- 3It automatically creates a responsive grid without media queries or
minmax()
Explanation
With grid-template-rows: subgrid a child grid inherits the parent's lines. The classic example is a row of cards whose titles, text and buttons should line up even when one card's title wraps to two lines. Without subgrid, each card aligns independently.