Flexbox & Grid

Grid Template Rows

Utilities for specifying the rows in a grid layout.

Basic usage

Specifying the rows in a grid

Use the grid-rows-{n} utilities to create grids with n equally sized rows.

01
02
03
04
05
06
07
08
09
<div className="grid **grid-rows-4** grid-flow-col gap-4">
  <div>01</div>
  <!-- ... -->
  <div>09</div>
</div>