Quiz
1) Quel sélecteur a la spécificité la plus haute ?
- a) .header .nav a
- b) #header a
- c) header nav a
- d) a.active
Réponse : b) #header a
2) Avec box-sizing: border-box, un élément avec width: 200px et padding: 20px a une largeur totale de :
- a) 240px
- b) 200px
- c) 220px
- d) 160px
Réponse : b) 200px
3) Pour centrer un élément verticalement et horizontalement avec Flexbox :
- a) justify-content: center
- b) align-items: center
- c) justify-content: center ET align-items: center
- d) text-align: center
Réponse : c)
4) La valeur 1fr en CSS Grid signifie :
- a) 1 pixel
- b) 1 fraction de l'espace disponible
- c) 1 pourcentage
- d) 1 rem
Réponse : b)
5) L'approche Mobile First utilise :
- a) max-width dans les media queries
- b) min-width dans les media queries
- c) device-width
- d) orientation
Réponse : b)