grid-auto-rows sets the size of rows that CSS Grid creates implicitly when placed items extend beyond the declared grid. These rows default to auto, growing to contain their contents. section 5.4
Use it when the number of grid rows should adapt to changing content:
- Declare columns with grid-template-columns while allowing additional image rows to appear automatically. section 5.4
- Set grid-auto-rows: 1fr to give every implicitly created row the specified fractional track size. section 5.4
Responsive photography portfolio
A portfolio can combine grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) with grid-auto-rows: 1fr. As figures wrap onto new lines, CSS Grid adds rows without requiring a fixed number of images. section 5.4
