🛠️ToolsShed

Gerador de Flexbox

Gere código de layout CSS flexbox com editor visual e pré-visualização ao vivo.

Pré-visualização

1
2
3

Itens

Item 1
grow
shrink
basis
Item 2
grow
shrink
basis
Item 3
grow
shrink
basis

Saída CSS

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
}

Perguntas Frequentes

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.