CSS Flexbox Generator

Visually build CSS flexbox layouts. Experiment with different flex properties and generate the code.

Container Properties

flex-direction

justify-content

align-items

flex-wrap

gap (10px)

CSS Code

.container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 10px;
}