Back to all tools
Flexbox Generator
Visual Flexbox playground. Generate CSS for flex containers and visualize layouts instantly.
Flex Container
1
2
3
4
Copy CSS
.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: normal;
gap: 10px;
}