layout contract
Container
Centred horizontal max-width wrapper. The outermost layout primitive on most pages.
Variants
- sm
- 640pt max-width
- md
- 768pt
- lg
- 1024pt
- xl
- 1280pt
- full
- No max-width
Sizes
- sm
- padding-x 16pt
- md
- padding-x 24pt
- lg
- padding-x 32pt
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.