Vi introducerer begrebet @mediaforespørgsler i CSS.
Meget af det, der bruger Sass på dette projekt, giver os mulighed for at forblive TØR (gentag ikke dig selv). Vi gjorde den indstilling af farve- og størrelsesvariabler. Det gjorde vi med vores fontstakke. Nu gør vi det igen med medieforespørgsler. Hver gang vi har brug for en medieforespørgsel, har vi nu et @mixin, vi kan bruge. På den måde, hvis vi har brug for at justere dem, kan vi ændre dem på ét sted.
I stedet for at navngive vores medieforespørgsler som "iPad" eller noget alt for specifikt sådan, bruger vi bare nogle vilkårlige, men forståelige navne som "Baby Bear" og "Papa Bear".
Vi starter med en bred skærm og indsnævrer den derefter, indtil navigationen ser dårlig ud, og det er vores første medieforespørgsel. På det tidspunkt bryder vi navigationen i to rækker på fire i stedet for en række på otte. Vi er nødt til at justere skyggerne for at få det til at se rigtigt ud.
Vi justerer også bredden på sideindpakningen ved visse medieforespørgsler, hvilket betyder, at vi også skal justere, hvordan logoet fungerer.
