Justify Content

Utilities for controlling how flex and grid items are positioned along a container's main axis.

Class	CSS Output
`justify-around`	`justify-content: space-around; }`
`justify-baseline`	`justify-content: baseline; }`
`justify-end-safe`	`justify-content: safe flex-end; }`
`justify-stretch`	`justify-content: stretch; }`
`justify-normal`	`justify-content: normal; }`
`justify-evenly`	`justify-content: space-evenly; }`
`justify-start`	`justify-content: flex-start; }`
`justify-center-safe`	`justify-content: safe center; }`
`justify-center`	`justify-content: center; }`
`justify-end`	`justify-content: flex-end; }`

justify-around

justify-content: space-around;

justify-baseline

justify-content: baseline;

justify-end-safe

justify-content: safe flex-end;

justify-stretch

justify-content: stretch;

justify-normal

justify-content: normal;

justify-evenly

justify-content: space-evenly;

justify-start

justify-content: flex-start;

justify-center-safe

justify-content: safe center;

justify-center

justify-content: center;

justify-end

justify-content: flex-end;

Reference

MDN ↗