Explore the layout primitives. Build responsive layouts quickly with full control over spacing, distribution, and alignment using Flexbox and Grid.
- Box 1Box 2Box 3
Flex
Flexbox container for aligning items.
- Stack Item 1Stack Item 2Stack Item 3
Stack
A vertical stack helper.
- Grid 1Grid 2Grid 3Grid 4Grid 5Grid 6
Grid
Grid layout configuration.
Max-width Medium Container
This container is constrained to a medium size (max-width: 768px) and centered on the page.
Container
Constrains and centers content.
Found something to improve?
Notice a bug, typo, or missing detail on this page? Help us make the documentation better by opening a GitHub issue.