Generador CSS Grid y Flexbox
Diseña distribuciones adaptables Grid y Flexbox con vista previa y CSS listo para copiar.
Pasa el cursor sobre un campo o selecciónalo para ver la ayuda. Pulsa Escape para cerrar.
Cómo funciona
Pega el contenido o carga el ejemplo. Elige las opciones disponibles, ejecuta la herramienta y copia o descarga el resultado.
Un ejemplo práctico
Distribución
Layout
Preguntas frecuentes
¿Mi texto se envía a un servidor?
No. El contenido se procesa en este navegador. No se envía al servidor ni se guarda.
¿Qué debo saber sobre Generador CSS Grid y Flexbox?
La vista previa usa bloques numerados. El CSS generado incluye reglas de distribución; adapta selectores y puntos de ruptura a tu página.