Nous introduisons le concept de @mediarequêtes en CSS.
Une grande partie de ce que l'utilisation de Sass sur ce projet nous permet de faire est de rester SEC (ne vous répétez pas). Nous avons fait cela en définissant des variables de couleur et de taille. Nous l'avons fait avec nos piles de polices. Maintenant, nous recommençons avec les requêtes média. Chaque fois que nous avons besoin d'une requête multimédia, nous avons maintenant un @mixin que nous pouvons utiliser. De cette façon, si nous devons les ajuster, nous pouvons les changer en un seul endroit.
Au lieu de nommer nos requêtes médias comme «iPad» ou quelque chose de trop spécifique comme ça, nous utiliserons simplement des noms arbitraires mais compréhensibles comme «Baby Bear» et «Papa Bear».
Nous commençons avec un écran large, puis nous le réduisons jusqu'à ce que la navigation semble mauvaise, et c'est notre première interruption de requête multimédia. À ce stade, nous divisons la navigation en deux lignes de quatre au lieu d'une ligne de huit. Nous devons ajuster les ombres pour que cela soit correct.
Nous ajustons également la largeur de l'habillage de page lors de certaines requêtes multimédias, ce qui signifie que nous devons également modifier le fonctionnement du logo.
