- Escolha modo — Flexbox ou Grid.
- Configure container — Direção, alinhamento, gap.
- Adicione items — + Adicionar ou − Remover.
- Edite items — Clique em item para ajustar.
- Copie CSS — Código pronto para uso.
CSS Flexbox e Grid — Aprenda e Construa Layouts Visualmente
Ferramenta interativa gratuita para aprender e construir layouts CSS com visualização e código.
Recursos
- Modo Flexbox — Direção, wrap, alinhamento.
- Modo Grid — Colunas, linhas, gap.
- Propriedades por Item — Ordem, grow, shrink, span.
- CSS Limpo — Copiar com um clique.
Privacidade
Tudo funciona no navegador.