glossárioCSS
$cat~/glossario/flexbox.md
Flexbox
CSS
Layout unidimensional com eixo principal e cruzado flexíveis.
seção
Explicação
Flexbox — Layout unidimensional com eixo principal e cruzado flexíveis.
Flex container — display:flex — main axis flex-direction — justify-content align main — align-items cross.
Items flex: 1 grow shrink basis.
seção
Exemplo
.row { display: flex; gap: 1rem; justify-content: space-between; align-items: center;}seção
Modo de uso
Navbar horizontal
Center unknown size
Equal height columns
seção
Armadilhas comuns
Min-width auto overflow flex item
Confuse main cross axis rotate
seção
Termos relacionados
$cd~/glossario/relacionados
Mais em CSS
Outros termos da mesma categoria para revisão em sequência.