Flexbox Playground

Experiment with flex-direction, justify-content, align-items, and wrap with a live preview. Free, private, runs in your browser.

flex-direction

justify-content

align-items

flex-wrap

gap (px)8

Items5

CSS

display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 8px;