↔️ Gerador de Flexbox CSS

Configure todas as propriedades Flexbox com preview ao vivo e código CSS pronto.

flex-direction

flex-wrap

gap: 8px

justify-content

align-items

align-content

Itens: 5

CSS

ℹ️ Sobre esta ferramenta

Flexbox é ideal para layouts unidimensionais (linha ou coluna). justify-content alinha no eixo principal; align-items no eixo transversal. Use flex: 1 nos filhos para distribuir o espaço igualmente. Para layouts bidimensionais (linhas E colunas), use CSS Grid.