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