TD — CSS Grid Layout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Exercice 1
Définir une grille de 4 colonnes, différentes largeurs fixées en utilisant différentes unités classiques (px, %, rem) et 5 rangées de différentes hauteurs également fixées.
Exercice 2
Définir une grille de 4 colonnes, avec une colonne de largeur fixée, puis les 3 autres se répartissant l’espace restant :
- à égalité
- puis avec le rapport 3-2-1
Exercice 3
Réduire le nombre de rangées explicitement prévues à 3. Que se passe-t-il ? Quelle est la taille des rangées ajoutées ? Faire en sorte que les rangées supplémentaires aient une taille fixée.
Exercice 4
En utilisant repeat(), changer la définition de la grille pour qu’elle soit formée de 5 colonnes identiques occupant tout l’espace disponible, et 3 rangées d’une hauteur de 8rem. Les rangées supplémentaires doivent avoir une taille fixée à 4rem.