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.