Je suis en train d'apprendre les langages HTML5 et CSS3 via le cours d'openclassroom. J'en suis à la 3ème partie - chapitre 3 sur la mise en page avec Flexbox. ( lien du cours : ici )
Et je bloque sur la propriété order utilisé dans la pseudo-classe nth-child.
J'essaye de reproduire l'exemple du cours, consistant à changer l'ordre des éléments enfants. Mais ça ne marche pas, les éléments que je souhaite changer de place se mettent automatiquement à la fin, ils ne respectent pas le nouvel ordre que je leur attribue.
Si vous pouviez m'aidez avec cet exemple, j'aimerais que l'élément 2 se place en 4ème position. Qu'est-ce qui ne va pas dans mon code ? Pourquoi ça le place en dernière position ?
PS : je sais que ce problème a déjà était abordé de nombreuses fois sur le forum, mais je n'ai trouvé aucune solution, c'est pourquoi je me suis permise de reposter un post dessus.
Pas d'aide concernant le code par MP, le forum est là pour ça :)