flex-direction

Controla l’orientació principal del contenidor flex: en fila, fila invertida, columna o columna invertida.
flex-direction: row (per defecte)
1
2
3
Els elements es col·loquen en una fila, d’esquerra a dreta.
flex-direction: row-reverse
1
2
3
Els elements es col·loquen en una fila, de dreta a esquerra.
flex-direction: column
1
2
3
Els elements es col·loquen en columna, de dalt a baix.
flex-direction: column-reverse
1
2
3
Els elements es col·loquen en columna, de baix a dalt.
En resum:

• row: fila d’esquerra a dreta (valor per defecte).
• row-reverse: fila de dreta a esquerra.
• column: columna de dalt a baix.
• column-reverse: columna de baix a dalt.