Flex

Usage

Add flex-* class to an element where flex or flex-inline class is located.

<div class="flex flex-justify-content-start">
    // Your content
</div>

Class	Value
`flex`
`flex-inline`
`flex-column`
`flex-row`
`flex-column-reverse`
`flex-row-reverse`
`flex-wrap`
`flex-wrap-reverse`
`flex-nowrap`
`flex-justify-items-start`
`flex-justify-items-end`
`flex-justify-items-center`
`flex-justify-items-stretch`
`flex-align-items-start`
`flex-align-items-end`
`flex-align-items-center`
`flex-align-items-baseline`
`flex-align-items-stretch`
`flex-justify-self-start`
`flex-justify-self-end`
`flex-justify-self-center`
`flex-justify-self-stretch`
`flex-align-self-start`
`flex-align-self-end`
`flex-align-self-center`
`flex-align-self-baseline`
`flex-align-self-stretch`
`flex-justify-content-start`
`flex-justify-content-end`
`flex-justify-content-center`
`flex-justify-content-between`
`flex-justify-content-around`
`flex-justify-content-evenly`
`flex-align-content-start`
`flex-align-content-end`
`flex-align-content-center`
`flex-align-content-between`
`flex-align-content-around`
`flex-align-content-stretch`

Add @s, @m, or @l suffix to support breakpoints