`flex-direction`

Sets the main axis and ordering direction of items in a flex container.

356 effects in the catalog use this property.

Syntax

flex-direction: row | row-reverse | column | column-reverse;

Watch out

Changing direction also swaps the axes affected by `justify-content` and `align-items`; with `column`, `justify-content` works vertically.

These are working effects from the catalog. Open a tile to inspect the full source.