Justify Content
Utilities for controlling flex items are positioned along a container's main axis.
Class | Properties |
---|---|
justify-start | justifyContent: 'flex-start' |
justify-center | justifyContent: 'center' |
justify-end | justifyContent: 'flex-end' |
justify-between | justifyContent: 'space-between' |
justify-around | justifyContent: 'space-around' |
Usage
Use justify-{position}
to justify items against the start of the flex container's main axis.