Grid Auto Flow

Set how items are automatically placed in a grid.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

gaf-c

grid-auto-flow: column;

gaf-cd

grid-auto-flow: column dense;

gaf-d

grid-auto-flow: dense;

gaf-r

grid-auto-flow: row;

gaf-rd

grid-auto-flow: row dense;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.