The align-self Property

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

1
2
3
4

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

I added overflow: auto to the <div> container to enhance the look on screens smaller than 501px wide.