Flex With Flexbox

The align-self property specifies the alignment for the selected item inside the flexible container.

The align-self property overrides the default alignment set by the container's align-items property.

Item 2 is aligned "flex-start"

Item 1
Item 2
Item 3
Item 4
Item 5

Item 2 is aligned "flex-end"

Item 1
Item 2
Item 3
Item 4
Item 5

Item 2 is aligned "center"

Item 1
Item 2
Item 3
Item 4
Item 5

Item 2 is aligned "stretch"

Item 1
Item 2
Item 3
Item 4
Item 5