CSS generado (solo propiedades activas)
Comentarios explicativos.
Display + Flexbox — Interactivo
Display
block
inline
inline-block
flex
flex-direction
row
row-reverse
column
column-reverse
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
flex-wrap
nowrap
wrap
wrap-reverse
gap
8px
Contenedor — margin
0px
padding
10px
Altura mínima
30vh
Item — margin
6px
padding
8px
Ancho items
30%
➕ Añadir item
➖ Quitar item
🔄 Resetear
⚠️ En display:inline los márgenes verticales y el ancho no tienen efecto.
Elemento 1
Elemento 2
Elemento 3