align-self
The align-self
property controls how an item is aligned on the cross axis within a flex container. This property will override the align-items
property value set on the parent container. However, if the item has an auto margin set on the cross axis, the align-self
property will be ignored.