← Trilha· Lição 5 de 9
CSS Grid para layouts
Crie grades responsivas com repeat e minmax.
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).
Exemplos: Galeria Grid e Cards responsivos.