CSS Flexbox Generator
Flex Direction:
Row
Row Reverse
Column
Column Reverse
Justify Content:
Flex Start
Flex End
Center
Space Between
Space Around
Space Evenly
Align Items:
Flex Start
Flex End
Center
Baseline
Stretch
Flex Wrap:
No Wrap
Wrap
Wrap Reverse
Align Content:
Flex Start
Flex End
Center
Space Between
Space Around
Stretch
Flex Grow:
Flex Shrink:
Flex Basis:
Order:
Copy CSS
CSS
CSS code copied to clipboard!
Number of Flex Items:
Preview
Flex Item 1
Flex Item 2
Flex Item 3