Skip to main content

Align Content

Utilities for controlling how rows are positioned in multi-row flex and grid containers.

Table of classes#

Class
Properties
content-start
{ alignContent: 'flex-start' }
content-end
{ alignContent: 'flex-end' }
content-center
{ alignContent: 'center }
content-between
{ alignContent: 'space-between' }
content-around
{ alignContent: 'space-around' }
content-stretch
{ alignContent: 'stretch' }