Skip to main content

Justify Content

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

Table of classes#

Class
Properties
justify-start
{ justifyContent: 'flex-start' }
justify-end
{ justifyContent: 'flex-end' }
justify-center
{ justifyContent: 'center }
justify-between
{ justifyContent: 'space-between' }
justify-around
{ justifyContent: 'space-around' }
justify-evenly
{ justifyContent: 'space-evenly' }