CSS Flexbox Generator

Visual flexbox playground with live preview and generated CSS.

Processed locally in your browser
1
2
3
4
5
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
gap: 10px;