Introducem conceptul de @mediainterogări în CSS.
Multe dintre ceea ce ne permite să folosim Sass în acest proiect este să rămânem uscat (nu vă repetați). Am făcut asta setând variabilele de culoare și dimensiune. Am făcut asta cu stivele noastre de fonturi. Acum o facem din nou cu interogări media. Oricând avem nevoie de o interogare media, acum avem un @mixin pe care îl putem folosi. În acest fel, dacă trebuie să le ajustăm, le putem schimba într-un singur loc.
În loc să numim interogările noastre media, cum ar fi „iPad” sau orice altceva prea specific, vom folosi doar câteva nume arbitrare, dar ușor de înțeles, precum „Ursuleț” și „Ursuleț Papa”.
Începem cu un ecran lat, apoi îl restrângem până când navigarea arată prost, și aceasta este prima noastră pauză de interogare media. În acel moment, împărțim navigarea în două rânduri de patru în loc de un rând de opt. Trebuie să ajustăm umbrele pentru a arăta corect.
De asemenea, ajustăm lățimea înfășurării paginii la anumite interogări media, ceea ce înseamnă că trebuie să modificăm și cum funcționează sigla.
