Flexbox, o Flexible Box Layout, è un modulo CSS3 che fornisce un modo più efficiente per disporre, allineare e distribuire spazio tra gli elementi all’interno di un contenitore, anche quando le loro dimensioni sono sconosciute o dinamiche. È particolarmente utile quando l’orientamento degli elementi deve essere diverso da quello tradizionale, da sinistra a destra o da alto a basso.
Le principali caratteristiche di Flexbox includono la possibilità di modificare l’ordine di visualizzazione degli elementi, controllo sull’allineamento verticale, facilità nel centrare elementi e la capacità di gestire lo spazio rimanente in un layout.
In Flexbox, il contenitore ha la proprietà di modificare l’altezza o la larghezza degli elementi figli per riempire al meglio lo spazio disponibile. Gli elementi figli hanno anche la capacità di “flettersi” in base alla quantità di spazio disponibile o al peso assegnato a ciascun elemento, da qui il nome “flexbox”.
