Align Self

Below, utility classes to apply align-self property.

Class	Properties
.self-start	align-self: flex-start;
.self-center	align-self: center;
.self-end	align-self: flex-end;

Example(s)

1

2

3

<div class="h-48 flex-row">
  <div class="sqrt-12 self-start ...">1</div>
  <div class="sqrt-12 self-center ...">2</div>
  <div class="sqrt-12 self-end ...">3</div>
</div>

Media Queries

align-self is supported by changing state on-the-fly! You can use it like this:

<div class="self-start medium:self-center extra-large:self-end">...</div>