Flex

The flex suite is primarily used for positioning content.

Tip: There are modifier classes for each viewport, but you must switch to tablet view to see tablet classes & mobile view to see mobile classes.

Flex

Vertical

First Row

Second Row

Flex

Vertical Reverse

First Row

Second Row

Flex

Horizontal

First Column

Second Column

Flex

Horizontal Reverse

First Column

Second Column

Flex

Center All

Flex

Align Center

Flex

Justify Center

Flex

Wrap

Flex

No Wrap

Flex

Align Top

Flex

Align Bottom

Flex

Justify Right

Flex

Justify Left

Flex

Justify Around

Flex

Justify Between

Flex

Vertical Tab

First Row

Second Row

Flex

Vertical Reverse Tab

First Row

Second Row

Flex

Horizontal Tab

First Column

Second Column

Flex

Horizontal Reverse Tab

First Column

Second Column

Flex

Center All Tab

Flex

Align Center Tab

Flex

Justify Center Tab

Flex

Wrap Tab

Flex

No Wrap Tab

Flex

Align Top Tab

Flex

Align Bottom Tab

Flex

Justify Right Tab

Flex

Justify Left Tab

Flex

Justify Around Tab

Flex

Justify Between Tab

Flex

Vertical Mob

First Row

Second Row

Flex

Vertical Reverse Mob

First Row

Second Row

Flex

Horizontal Mob

First Column

Second Column

Flex

Horizontal Reverse Mob

First Column

Second Column

Flex

Center All Mob

Flex

Align Center Mob

Flex

Justify Center Mob

Flex

Wrap Mob

Flex

No Wrap Mob

Flex

Align Top Mob

Flex

Align Bottom Mob

Flex

Justify Right Mob

Flex

Justify Left Mob

Flex

Justify Around Mob

Flex

Justify Between Mob