Display & Alignment
Utilities for controlling display, flex direction, and alignment.
Layout recipes first: For common patterns (horizontal wrap with gap,
space-between, centered content), prefer
Layouts: 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.