Flexbox - Direction - Html/Css

La première propriété est la direction, avec flex-direction, on peut définir si les éléments s'affichent en ligne ou en colonne, avec "row" pour les afficher en ligne et "column" pour les afficher en colonne. Par exemple :

En ligne :


En colonne :


Ah c'est pratique !

Par défaut, la valeur est "row", donc si on ne précise pas de propriétés flex-direction dans un élément flex, ses enfants seront affichés en ligne.

Ok, j'ai compris

On peut aussi inverser l'écriture des éléments en utilisant les valeurs "row-reverse" pour écrire de droite à gauche ou "column-reverse" pour de bas en haut :





Ah ça inverse les éléments?

Pas vraiment, ça inverse la façon d'écrire les éléments, il y a une autre propriété pour changer l'ordre des éléments sans changer le sens d'écriture, mais on verra ça plus tard.

C'est noté !

J'ai terminé cette partie