Curso gratuito de CSS

Grid — Demo Interactiva

grid container playground
Fila (row) →
Columna (col) ↓
.container { display: grid; }

grid-template-columns: repeat(3, 1fr)

Crea 3 columnas de igual ancho usando la unidad fr (fracción del espacio disponible).

.container{ display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:auto; gap:8px; }