Gerador CSS Grid
Gerador visual CSS Grid com visualização ao vivo. Projet layouts de grade interativamente.
Perguntas Frequentes
O que é CSS Grid?
CSS Grid é um sistema de layout bidimensional que permite projetar layouts complexos com linhas e colunas.
Como configuro colunas e linhas?
Use as entradas de Colunas e Linhas. Você pode usar px, fr ou porcentagens.
O que é a propriedade gap?
A propriedade gap define o espaçamento entre itens da grade. Você pode definir valores separados para row-gap e column-gap.
Posso criar áreas de grade nomeadas?
Este gerador foca na estrutura básica. Para áreas nomeadas, estenda o código CSS gerado manualmente.