- Elige modo — Flexbox o Grid.
- Configura contenedor — Dirección, alineación, gap.
- Agrega items — + Agregar o − Eliminar.
- Edita items — Clic en item para ajustar.
- Copia CSS — Código listo para usar.
CSS Flexbox y Grid — Aprende y Construye Layouts Visualmente
Herramienta interactiva gratuita para aprender y construir layouts CSS con vista previa y código.
Características
- Modo Flexbox — Dirección, wrap, alineación.
- Modo Grid — Columnas, filas, gap.
- Propiedades por Item — Orden, grow, shrink, span.
- CSS Limpio — Copiar con un clic.
Privacidad
Todo funciona en el navegador.