align-self

align-self

The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the item's cross-axis margin is set to auto, then align-self is ignored.

The property doesn't apply to block-level boxes, or to table cells.

<
Initial value auto
Applies to flex items, including in-flow pseudo-elements