Commentaires
Je t'en avais parlé, il existe aussi un moyen de modifier l'ordre des éléments.

Arthur, l'apprenti développeurOui je me souviens ! Autrement que le reverse.

En effet, pour cela on peut utiliser la propriété order, et lui passer un nombre entier, positif ou négatif. Par défaut, le order de chaque élément est de 0, donc si on attribue une valeur positive, on va placer l'élément en dernier, alors qu'avec une valeur négative, on va le placer en premier.

Arthur, l'apprenti développeurCe n'est pas très clair...

Par exemple, si je modifie le order de l'élément 3 de cette façon :



il se retrouve à la fin de la liste, alors que si je le modifie de cette façon :



Il est alors placé au début.

Arthur, l'apprenti développeurMais si je veux le placer entre le 1 et le 2 alors, je fais comment?

Il faut alors changer aussi le order des autres éléments, de cette façon par exemple :



On peut ainsi modifier la place de n'importe quel élément, les inverser complètement si on le souhaite :



Ou les mélanger complètement :



Arthur, l'apprenti développeurOk, j'ai compris. Par contre je ne pense pas que ce soit utile très souvent.

Au contraire, c'est très utile, on s'en sert généralement pour modifier l'ordre d'affichage des éléments en responsive. Par exemple si tu veux afficher deux éléments un à gauche et l'autre à droite en version ordinateur, mais sur smartphone tu souhaites que l'élément de droite soit au dessus, et celui de gauche en dessous, tu peux très facilement le faire en changeant le flex-direction et le order dans une media query.

Arthur, l'apprenti développeurAh oui, je n'avais pas pensé à ça, c'est pas mal ! J'ai terminé cette partie
Demander de l'assistance