The "align-self: flex-start;" aligns the selected flex item at the top of the container.
The "align-self: flex-end;" aligns the selected flex item at the bottom of the container.
The align-self property overrides the align-items property of the container.