Flexbox: introduzione
Flexbox è un sistema di layout CSS che semplifica l'allineamento e la distribuzione degli elementi.
Attivare Flexbox
.container {
display: flex;
}Proprietà del container
flex-direction: row | column | row-reverse | column-reversejustify-content: allineamento asse principalealign-items: allineamento asse trasversaleflex-wrap: wrap | nowrapgap: spazio tra elementi
Esempio pratico
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
}