align-self: center

The "align-self: center;" aligns the flex item in the middle of the container:

1
2
3
4

The align-self property overrides the align-items property of the container.