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.