Uvodimo koncept @mediaupita u CSS-u.
Puno onoga što nam omogućuje Sass na ovom projektu je da ostanemo SUHI (ne ponavljajte se). Učinili smo to podešavanje varijabli boje i veličine. To smo učinili s našim hrpama fontova. Sada to opet radimo s medijskim upitima. Kad god nam zatreba medijski upit, sada imamo @mixin koji možemo koristiti. Na taj način, ako ih trebamo prilagoditi, možemo ih promijeniti na samo jednom mjestu.
Umjesto da imenujemo naše medijske upite poput "iPad" ili bilo čega previše specifičnog poput toga, mi ćemo samo koristiti neka proizvoljna, ali razumljiva imena poput "Baby Bear" i "Papa Bear".
Počinjemo sa širokim zaslonom, a zatim ga sužavamo dok navigacija ne izgleda loše, a to je naša prva stanka u medijskim upitima. U tom trenutku razbijamo navigaciju u dva retka po četiri umjesto u jedan red od osam. Moramo prilagoditi sjene kako bi izgledalo ispravno.
Također prilagođavamo širinu zamotavanja stranice na određene medijske upite, što znači da trebamo podesiti kako i logotip funkcionira.
