align-self
Last Updated: March 29, 2022
With align-items (container property) you can align the child items across the cross-axis of the container. But if you want to override those rules you can use the align-self property.
1
2
3
In this example, we have used align-items:center for the parent items and to override it align-self:flex-end is used for the second item.