▦ Gerador de CSS Grid

Configure colunas, linhas e gap do CSS Grid com preview ao vivo e código pronto.

Colunas: 3

Linhas: 3

Gap: 16px

Tipo de coluna

auto-flow

CSS

ℹ️ Sobre esta ferramenta

CSS Grid é um sistema de layout bidimensional. repeat(3, 1fr) cria 3 colunas iguais. gap define o espaço entre células. grid-auto-flow controla como os itens são posicionados automaticamente. Use grid-column: span 2 nos filhos para ocupar mais de uma coluna.