Flexbox Playground

Teste e visualize layouts flexbox

flexboxlayoutcssflex

Direcao

Justify Content

Align Items

Wrap

Gap: 0px

Filhos: 6

CSS

display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 0px;

Sobre Flexbox Playground

O Canivete reúne Flexbox Playground entre as ferramentas que rodam 100% no seu navegador: você usa, resolve e vai embora, sem conta, sem upload e sem dados enviados a servidor.

Como usar

Abra a ferramenta e preencha os campos.
Ajuste as opções, se precisar.
Copie ou baixe o resultado — o processamento é local.

Tudo roda 100% no seu navegador — nada é enviado a servidor.

Mais ferramentas de Design →

Ferramentas Relacionadas

Gerador de Box Shadow

Crie sombras CSS com interface visual

Gerador de Border Radius

Crie bordas arredondadas com controle preciso

CSS Grid Generator

Crie layouts CSS Grid com interface visual