Revise smart, understand Better

Lequel des éléments suivants est la manière correcte d'écrire une requête media pour les écrans de moins de 600px de large ?

@media (max-width: 600px) { ... }.

@media (max-height: 600px) { ... }.

@media (min-width: 600px) { ... }.

@media (width: 600px) { ... }.

Quel est l'avantage d'utiliser CSS Grid plutôt que Flexbox pour des mises en page complexes ?

CSS Grid est moins efficace que Flexbox.

Flexbox ne peut pas être utilisé pour des designs responsives.

CSS Grid est mieux adapté aux mises en page à deux dimensions (à la fois les lignes et les colonnes).

CSS Grid est plus flexible pour les mises en page unidimensionnelles.

Quelle propriété Flexbox permet aux éléments de s'étirer et de remplir l'espace disponible le long de l'axe principal ?

flex-grow: 1;.

justify-content: space-between;.

flex-shrink: 1;.

align-items: stretch;.

Que fait la propriété max-width lorsqu'elle est utilisée dans le contexte du design responsive ?

Elle définit la largeur d'un élément à une valeur fixe.

Elle définit la taille maximale qu'un élément peut atteindre, l'empêchant de devenir trop grand sur les grands écrans.

Elle limite la largeur minimale d'un élément.

Elle fait en sorte qu'un élément remplisse l'espace disponible.

Comment Flexbox diffère-t-il de CSS Grid Layout ?

Flexbox et Grid ne peuvent être utilisés que pour des mises en page unidimensionnelles.

Flexbox et Grid ne peuvent pas être utilisés ensemble.

Flexbox est destiné aux mises en page à deux dimensions, tandis que Grid est destiné aux mises en page unidimensionnelles.

Flexbox est destiné aux mises en page unidimensionnelles, tandis que Grid est destiné aux mises en page à deux dimensions.