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.