Свойство align-self выравнивает флекс-элементы вдоль поперечной оси внутри контейнера.

синтаксис

align-self: flex-start | flex-end | center | baseline | stretch
				

Значения

flex-start Элемент выравнивается по верхнему краю контейнера.

flex-end Элемент выравнивается по нижнему краю контейнера.

center Элемент выравнивается по центральной оси.

baseline Элемент выравнивается по базовой линии текста.

stretch Элемент растягивается таким образом, чтобы занять всё вертикальное пространство контейнера.

Поддержка