Align Self

Utilities for controlling how an individual flex or grid item is positioned along its container's cross axis.

Table of classes

Class

Properties

self-start

{ alignSelf: 'flex-start' }

self-end

{ alignSelf: 'flex-end' }

self-center

{ alignSelf: 'center }

self-baseline

{ alignSelf: 'baseline' }

self-stretch

{ alignSelf: 'stretch' }

self-auto

{ alignSelf: 'auto' }