← Ruta· Lección 5 de 9

CSS Grid para layouts

Crea cuadrículas responsivas con repeat y minmax.

TODO i18n: Traducción completa del cuerpo pendiente. Título y descripción ya están localizados; el cuerpo permanece en portugués por ahora.

Grid controla linhas e colunas:

.galeria {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

Essa fórmula sozinha já resolve muitas galerias e listagens.

Combine com media queries quando o layout precisar mudar de estrutura (ex.: sidebar).

Practica