layout contract
Container
Centred horizontal max-width wrapper. The outermost layout primitive on most pages.
Variants
- sm
- md
- lg
- xl
- full
Sizes
- sm
- md
- lg
Example
<Container variant="xl"><main>...</main></Container>Usage rule
Always centred via mx-auto.
The full Container contract has 3 more rules, plus the do-not patterns. Get the full recipe.