Display & Alignment
Utilities for controlling display, flex direction, and alignment.
Structure first: For common patterns (horizontal wrap with gap, space-between,
centered content), prefer Structure: af-inline,
af-cluster, af-spread, af-center. Use these Display &
Alignment utilities when you need custom combinations.
Class groups
Section titled “Class groups”- Display:
af-block,af-inline-block,af-flex,af-inline-flex - Flex direction:
af-row*,af-col*,af-flex-reverse - Justify content:
af-justify-* - Align items:
af-items-* - Flex wrap:
af-wrap,af-nowrap - Vertical align:
af-align-*
For responsive show/hide utilities, see Visibility.