| layout | title | permalink |
|---|---|---|
page |
Quiz |
quiz.html |
Questions d'auto-évaluation sur Grid Layout.
Vous trouvez ces questions aussi dans Kahoot.
1. Quelle propriété permet de déclarer des colonnes avec CSS Grid ?
- columns
- grid
- grid-columns
- grid-template-columns
Voir la réponse
grid-template-columns.
2. Comment déclarer deux colonnes ?
-
2cols -
1fr 1fr -
2x -
1fr / 1fr
Voir la réponse
Réponse n° 2: grid-template-columns: 1fr 1fr.
3. Que désigne l’unité fr dans Grid Layout ?
- frequency
- french (français)
- fraction de l’espace disponible
- framerate
Voir la réponse
Réponse n° 3.
Grid Layout est présent depuis la création du CSS.
- Vrai.
- Faux.
Voir la réponse
Faux. Les CSS a été créé en 1996, et le module Grid Layout est utilisable depuis 2017.
Grid Layout rend Flexbox inutile.
- Vrai.
- Faux.
Voir la réponse
Faux. Flexbox et Grid ont des usages différents, l'un ne remplace pas l'autre.
Grid Layout permet de faire des mises en page sur deux axes.
- Vrai.
- Faux.
Voir la réponse
Vrai. C'est la principale différence avec Flexbox, qui fonctionne sur un seul axe.
Si on ne déclare pas le nombre de colonnes, leur nombre sera de 12 par défaut.
- Vrai.
- Faux.
Voir la réponse
Faux. Si on ne déclare pas leur nombre, la grille comportera une seule colonne.