DESIGN TOOL
CSS Flexbox Playground
Experiment with every Flexbox property visually. Add items, tweak container and child settings, see results live, and copy the CSS.
Sets the main axis direction for child items
Controls whether items wrap to new lines
Distributes items along the main axis
Aligns items along the cross axis
Aligns wrapped lines (only with flex-wrap)
Space between flex items
|