Flexbox Playground

Preview Flexbox alignment and layout options in real time and copy the CSS.

Processed in this browser Results are not saved automatically

CSS

Direction Wrap Horizontal align Vertical align Multi-line align Gap 16px Item count 6 Item basis 96px Fill available space Featured item order