Generador de CSS Grid

Genera diseños CSS Grid con columnas, filas y espaciado personalizados. CSS limpio con vista previa.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Preguntas frecuentes

¿Qué es CSS Grid?

CSS Grid es un sistema de diseño bidimensional que permite crear layouts complejos con filas y columnas simultáneamente.

¿Qué significa 1fr?

La unidad fr representa una fracción del espacio disponible. repeat(3, 1fr) crea 3 columnas de igual ancho que comparten el espacio equitativamente.