Grid Auto Flow

Controls the automatic placement of grid elements.

Class	Property
gaf-c	grid-auto-flow: column;
gaf-d	grid-auto-flow: dense;
gaf-dr	grid-auto-flow: dense row;
gaf-r	grid-auto-flow: row;
gaf-rd	grid-auto-flow: row dense;

---

Using responsive modifiers

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 hover modifiers

Using :hover modifiers 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>