Flexbox Layout Generator - Live Customize CSS Flexbox layouts

Flex Direction Row Row Reverse Column Column Reverse

Justify Content Flex Start Flex End Center Space Between Space Around Space Evenly

Align Items Stretch Flex Start Flex End Center Baseline

Gap (px)

Item Size (px)

Item Color

Item 1

Item 2

Item 3

Generated CSS

HTML Demo