Align Items

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

Table of classes

Class

Properties

items-start

{ alignItems: 'flex-start' }

items-end

{ alignItems: 'flex-end' }

items-center

{ alignItems: 'center }

items-baseline

{ alignItems: 'baseline' }

items-stretch

{ alignItems: 'stretch' }