Flex align content

Align multiple flex elements using short classes.

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
<!-- Source -->
<div class="flex-align-between"></div>
<div class="flex-align-around"></div>
<div class="flex-align-start"></div>
<div class="flex-align-end"></div>
<div class="flex-align-center"></div>
<div class="flex-align-stretch"></div>

Responsive

<!-- Responsive -->
<div class="flex-align-sm-between"></div>
<div class="flex-align-sm-around"></div>
<div class="flex-align-sm-start"></div>
<div class="flex-align-sm-end"></div>
<div class="flex-align-sm-center"></div>
<div class="flex-align-sm-stretch"></div>

<div class="flex-align-md-between"></div>
<div class="flex-align-md-around"></div>
<div class="flex-align-md-start"></div>
<div class="flex-align-md-end"></div>
<div class="flex-align-md-center"></div>
<div class="flex-align-md-stretch"></div>

<div class="flex-align-lg-between"></div>
<div class="flex-align-lg-around"></div>
<div class="flex-align-lg-start"></div>
<div class="flex-align-lg-end"></div>
<div class="flex-align-lg-center"></div>
<div class="flex-align-lg-stretch"></div>

<div class="flex-align-xl-between"></div>
<div class="flex-align-xl-around"></div>
<div class="flex-align-xl-start"></div>
<div class="flex-align-xl-end"></div>
<div class="flex-align-xl-center"></div>
<div class="flex-align-xl-stretch"></div>