Modifier l’ordre d’affichage des enfants dans la grille

Placement par défaut

Dans une grille, les éléments enfants s’affichent liar défaut dans leur ordre de déclaration dans le code HTML.

Une liste au départ

Placée en grille de 3 colonnes de 100 pixels de large

Order pour placer les éléments

L'’objectif est de modifier l'ordre d’affichage par défaut.
Nous souhaitons modifier l’ordre d’affichage des paragraphes numéro 2, 3 et 6.
Pour ce faire, ajoutez des identifiants aux 3 li concernés afin de les cibler facilement par la suite :

L'utilisation de la propriété order en grid est strictement identique à Flexbox :

Le li id="deux" doit s’afficher en tout premier. Nous lui attribuons une valeur -1.
Le li id="six" doit s’afficher en avant-dernier. Nous lui attribuons une valeur 1.
Le li id="trois" doit s’afficher en tout dernier. Nous lui attribuons une valeur 2.