Grid Auto Flow

Controls the automatic placement of grid elements.

Class	Properties
gaf-r	grid-auto-flow: row;
gaf-c	grid-auto-flow: column;
gaf-d	grid-auto-flow: dense;

---

Using breakpoints

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

<div class="gaf-c md:gaf-r ..."></div>

Using variants

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

<div class="gaf-c h:gaf-r ..."></div>