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.