Free Online CSS Flexbox Playground & Code Generator

Container Properties

Flex Direction

Flex Wrap

Justify Content

Align Items

Align Content

Gap (px): 16

Flex Grow

Flex Shrink

Flex Basis

Align Self

Order

Container Width: 80% | Selection: None

Generated CSS AUTOSYNC

/* Your styles will appear here */

Changes are reflected in real-time. Click an item in the preview to edit its specific properties.