Generador de plantillas CSS Grid

Crea una cuadrícula CSS con columnas iguales, filas automáticas y separación.

Gráficos Sin almacenamiento

Guía rápida

Prueba un ejemplo

Introduces

Columnas
3
Filas
2
Separación (px)
16

Obtienes

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Cómo funciona y límites

Elige hasta 24 columnas y filas. Pega las declaraciones en la regla CSS del contenedor.