Alignments

class="right"
class="left"
class="none"
class="inherit"

Use "flex" to make use of the alignments*

Content [align-content]

class="flex content-center"
class="flex content-stretch"
class="flex content-flex-start"
class="flex content-flex-end"
class="flex content-space-between"
class="flex content-space-around"
class="flex content-space-evenly"
class="flex content-initial"

Items [align-items]

class="flex items-center"
class="flex items-stretch"
class="flex items-flex-start"
class="flex items-flex-end"
class="flex items-baseline"
class="flex items-initial"

Items [align-self]

class="flex self-auto"
class="flex self-center"
class="flex self-stretch"
class="flex self-flex-start"
class="flex self-flex-end"
class="flex self-baseline"
class="flex self-initial"

Justify

class="flex justify-center"
class="flex justify-start"
class="flex justify-end"
class="flex justify-flex-start"
class="flex justify-flex-end"
class="flex justify-left"
class="flex justify-right"
class="flex justify-normal"

class="flex justify-space-between"
class="flex justify-space-around"
class="flex justify-space-evenly"

class="flex justify-stretch"
class="flex justify-safe-center"
class="flex justify-unsafe-center"
class="flex justify-inherit"
class="flex justify-initial"
class="flex justify-revert"
class="flex justify-unset"