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' }