CSS & Design

Flexbox Playground

Interactively learn & generate flexbox CSS — control direction, wrap, justify, align.

flex-directionflex-wrapjustify-contentalign-itemsgap8pxItems5

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