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.

Test