Vi introducerar begreppet @mediafrågor i CSS.
Mycket av det som vi använder Sass för det här projektet gör att vi kan hålla oss torra (upprepa inte dig själv). Vi gjorde den inställningen av färg- och storleksvariabler. Vi gjorde det med våra typsnitt. Nu gör vi det igen med mediafrågor. När vi behöver en mediefråga har vi nu ett @mixin som vi kan använda. På det sättet kan vi ändra dem på ett ställe om vi behöver justera dem.
Istället för att namnge våra mediefrågor som ”iPad” eller något alltför specifikt sådant, kommer vi bara att använda några godtyckliga men begripliga namn som ”Baby Bear” och “Papa Bear”.
Vi börjar med en bred skärm och sedan begränsar den tills navigationen ser dålig ut, och det är vår första mediefråga. Vid den tiden bryter vi in navigationen i två rader om fyra istället för en rad med åtta. Vi måste justera skuggorna så att det ser bra ut.
Vi justerar också bredden på sidomslaget vid vissa mediefrågor, vilket innebär att vi måste justera hur logotypen också fungerar.
