Predstavljamo koncept @mediapoizvedb v CSS.
Veliko tega, kar nam omogoča Sass pri tem projektu, je, da ostanemo SUHI (ne ponavljajte se). To smo nastavili spremenljivke barve in velikosti. To smo storili z našimi skladi pisav. Zdaj to spet počnemo z medijskimi poizvedbami. Kadarkoli potrebujemo medijsko poizvedbo, imamo zdaj @mixin, ki ga lahko uporabimo. Na ta način, če jih moramo prilagoditi, jih lahko spremenimo le na enem mestu.
Namesto, da bi poimenovali naše medijske poizvedbe, kot je »iPad« ali kaj podobnega, bomo uporabili samo poljubna, a razumljiva imena, kot sta »Baby Bear« in »Papa Bear«.
Začnemo s širokim zaslonom, nato pa ga zožimo, dokler navigacija ne izgleda slabo, in to je naša prva prekinitev poizvedbe po medijih. Na tej točki razdelimo navigacijo na dve vrstici s štirimi namesto v eno vrsto z osmimi. Sence moramo prilagoditi, da bo videti pravilno.
Pri nekaterih medijskih poizvedbah prilagodimo tudi širino zavijanja strani, kar pomeni, da moramo prilagoditi tudi delovanje logotipa.
