Align Self

Control the vertical alignment of a specific flex item with the .align-self-* classes.

.align-self-start:

Flex item 1
Flex item 2
Flex item 3

.align-self-end:

Flex item 1
Flex item 2
Flex item 3

.align-self-center:

Flex item 1
Flex item 2
Flex item 3

.align-self-baseline:

Flex item 1
Flex item 2
Flex item 3

.align-self-stretch (default):

Flex item 1
Flex item 2
Flex item 3