Gerador de grelhas CSS Grid

Cria uma grelha CSS com colunas iguais, linhas automáticas e espaçamento.

Gráficos Sem estado

Guia rápido

Experimenta este exemplo

Introduzes

Colunas
3
Linhas
2
Espaçamento (px)
16

Obténs

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Como funciona e limites

Escolhe até 24 colunas e linhas. Cola as declarações na regra CSS do contentor.