Align self
←Use the Flexbox self alignment helper classes to position the Flexbox childs individually on the secondary axis.
Syntax:
.self-{position}
SCSS:
_flex-align-self.scss
Align self in flexbox row
self-start
self-center
self-end
↑ In a Flexbox row, the main axis is horizontal, so the end is on the right — in case of left to right.
Align self in flexbox column
self-start
self-center
self-end
↑ In a Flexbox column, the main axis is vertical, so the end is on the bottom — in case of top to bottom.