Scopriamo insieme la proprietà flex-direction.
La proprietà flex-direction
La proprietà flex-direction definisce in quale direzione il contenitore vuole impilare gli elementi flessibili. I valori possibili sono:
- column
- column-reverse
- row
- row-reverse
Il valore column impila gli elementi flessibili verticalmente (dall’alto verso il basso).
.container {
display: flex;
flex-direction: column;
}
Il valore column-reverse impila gli elementi flessibili verticalmente (ma dal basso verso l’alto).
.container {
display: flex;
flex-direction: column-reverse;
}
Il valore row impila gli elementi flessibili orizzontalmente (da sinistra a destra).
.container {
display: flex;
flex-direction: row;
}
Il valore row-reverse impila gli elementi flessibili orizzontalmente (ma da destra a sinistra).
.container {
display: flex;
flex-direction: row-reverse;
}
fonte:
https://www.w3schools.com/css/css3_flexbox.asp