Vi introduserer konseptet med @mediaspørsmål i CSS.
Mye av det som bruker Sass på dette prosjektet, lar oss være å være TØRRE (ikke gjenta deg selv). Vi gjorde det med å sette farge- og størrelsesvariabler. Vi gjorde det med våre fontstabler. Nå gjør vi det igjen med mediespørsmål. Når som helst vi trenger et mediespørsmål, har vi nå et @mixin vi kan bruke. På den måten hvis vi trenger å justere dem, kan vi endre dem på ett sted.
I stedet for å navngi mediespørsmålene våre som "iPad" eller noe som er så spesifikt, vil vi bare bruke noen vilkårlige, men forståelige navn som "Baby Bear" og "Papa Bear".
Vi starter med en widescreen, og deretter begrenser den til navigasjonen ser dårlig ut, og det er vårt første mediespørsmål. På det tidspunktet deler vi navigasjonen i to rader på fire i stedet for en rad på åtte. Vi må justere skyggene for at det skal se riktig ut.
Vi justerer også bredden på sideomslaget ved visse mediespørsmål, noe som betyr at vi også må justere hvordan logoen fungerer.
