Flexbox & Grid
Justify Content
Utilities for controlling how flex and grid items are positioned along a container's main axis.
Quick reference
| Class | Properties |
|---|---|
| justify-start | justify-content: flex-start; |
| justify-end | justify-content: flex-end; |
| justify-center | justify-content: center; |
| justify-between | justify-content: space-between; |
| justify-around | justify-content: space-around; |
| justify-evenly | justify-content: space-evenly; |
| justify-stretch | justify-content: stretch; |
| justify-inherit | justify-content: inherit; |
| justify-initial | justify-content: initial; |
| justify-revert | justify-content: revert; |
| justify-revert-layer | justify-content: revert-layer; |
| justify-unset | justify-content: unset; |