CSS Flexbox Generator
Visualize and generate CSS code for Flexbox layouts instantly.
Container Properties
10px
Items
Preview
Container Size: Flexible
1
2
3
4
CSS Code
.container {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 10px;
}