Gerador de CSS Grid

Gere layouts CSS Grid com colunas, linhas e espaçamento personalizados. CSS limpo com pré-visualização.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Perguntas frequentes

O que é CSS Grid?

CSS Grid é um sistema de layout bidimensional que permite criar layouts complexos com linhas e colunas simultaneamente.

O que significa 1fr?

A unidade fr representa uma fração do espaço disponível. repeat(3, 1fr) cria 3 colunas de largura igual que compartilham o espaço igualmente.