Aligner un seul élément enfant dans la grille

Il s'agit ici de créer des exceptions dans les alignements des enfants dans la grille.
Pour ce faire, nous allons utiliser les propriétés justify-self sur l’axe horizontal, align-self sur l’axe vertical et place-self comme syntaxe raccourcie.
Les valeurs de ses propriétés reprennent strictement les mêmes valeurs que dans les propriétés justify-items et align-items.

Les propriétés justify-items: center et align-items: center permettent d’avoir des alignements centrés sur les deux axes.

Nous souhaitons modifier les alignements pour les li 1, 5 et 9. Nous leur appliquons des identifiants afin de pouvoir les cibler avec des sélecteurs.