Generador de Layout CSS Flexbox y Grid
Crea visualmente layouts CSS Flexbox y Grid complejos y copia al instante el código generado.
Preview
1
2
3
4
5
6
Flexbox Settings
Items
1
2
3
4
5
6
Output Code
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 10px;