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.

Questions “vrai ou faux”

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.