Construtor de CSS Grid e Flexbox
Crie layouts Grid e Flexbox adaptáveis com pré-visualização e CSS pronto a copiar.
Passe o cursor sobre um campo ou selecione-o para ver a ajuda. Pressione Escape para fechar.
Como funciona
Cole o conteúdo ou abra o exemplo. Escolha as opções disponíveis, execute a ferramenta e copie ou descarregue o resultado.
Um exemplo prático
Disposição
Layout
Perguntas frequentes
Meu texto é enviado a um servidor?
Não. O conteúdo é processado neste navegador. Não é enviado ao servidor nem salvo.
O que devo saber sobre Construtor de CSS Grid e Flexbox?
A pré-visualização usa blocos numerados. O CSS gerado inclui regras de disposição; adapte seletores e pontos de quebra à sua página.