grid-auto-rows

Utilities for controlling the size of implicitly-created grid rows.

Examples

Basic example

Use utilities like auto-rows-min and auto-rows-max to control the size of implicitly-created grid rows:

<!-- [!code classes:auto-rows-max] -->
<div class="grid grid-flow-row auto-rows-max">
  <div>01</div>
  <div>02</div>
  <div>03</div>
</div>

Using a custom value

Responsive design