Direction

Flex Direction Utilities set the flex-direction property, use the format flex-{sm|md|lg|xl}-{value} to target specific screen sizes (e.g., flex-md-row).

Justify Content

Justify Content Utilities set the justify-content property, use the format justify-content-{sm|md|lg|xl}-{value} to target specific screen sizes (e.g., justify-content-md-center).

Align Items

Align Items Utilities set the align-items property, use the format align-items-{sm|md|lg|xl}-{value} to target specific screen sizes (e.g., align-items-md-center).

Align Content

Align Content Utilities set the align-content property, use the format align-content-{sm|md|lg|xl}-{value} to target specific screen sizes (e.g., align-content-md-center).

Align Self

Align Self Utilities set the align-self property, use the format align-self-{sm|md|lg|xl}-{value} to target specific screen sizes (e.g., align-self-md-center).

Fill

flex-fill sets flex: 1 1 auto !important. This forces a flex item to fill the remaining space, just becareful using this with long text that has no white space. Use the format flex-{sm|md|lg|xl}-fill to target specific screen sizes (e.g., flex-md-fill).

Grow

Flex Grow Utilities set the flex-grow property, use the format flex-{sm|md|lg|xl}-grow-{value} to target specific screen sizes (e.g., flex-md-grow-1).

Shrink

Flex Shrink Utilities set the flex-shrink property, use the format flex-{sm|md|lg|xl}-shrink-{value} to target specific screen sizes (e.g., flex-md-shrink-0).

Wrap

Flex Wrap Utilities set the flex-wrap property, use the format flex-{sm|md|lg|xl}-{value} to target specific screen sizes (e.g., flex-md-nowrap).

Order

Order Utilities set the order property, use the format order-{sm|md|lg|xl}-{value} to target specific screen sizes (e.g., order-md-5).