Grid Auto Rows

Controls the size of grid lines created implicitly.

Class	Properties
gar-min	grid-auto-rows: min-content;
gar-max	grid-auto-rows: max-content;
gar-auto	grid-auto-rows: auto;

---

Using breakpoints

Using responsive breakpoints like sm:gar-*, md:gar-*, lg:gar-*, and xxl:gar-* allows targeting specific utilities in different viewports.

<div class="gar-min md:gar-auto ..."></div>

Using variants

Using :hover variants such as h:gar-* allows you to override elements and change their values when hovering over them.

<div class="gar-min h:gar-auto ..."></div>