Drag an item to reorder it · drag its right/bottom edge to set flex-basis · click to select and fine-tune.

Flexbox Builder

Drag items around to reorder them, drag an edge to resize, then fine-tune grow, shrink, order and alignment per item.

Direction

Wrap

Justify content

Align items

Align content

Gap 12px

Items 3 items

Selected item

flex-grow 0

flex-shrink 1

flex-basis

align-self

order

Examples

Export