Představujeme koncept @mediadotazů v CSS.
Mnoho z toho, co nám použití Sass na tomto projektu umožňuje, je zůstat SUCHÝ (neopakovat se). Udělali jsme toto nastavení proměnných barev a velikostí. Udělali jsme to s našimi zásobníky písem. Nyní to děláme znovu s dotazy na média. Kdykoli potřebujeme mediální dotaz, máme nyní @mixin, který můžeme použít. Tímto způsobem, pokud je potřebujeme upravit, můžeme je změnit na jediném místě.
Namísto pojmenování našich mediálních dotazů, jako je „iPad“ nebo cokoli příliš konkrétního, použijeme jen libovolná, ale srozumitelná jména jako „Baby Bear“ a „Papa Bear“.
Začínáme s širokoúhlou obrazovkou, pak ji zužujeme, dokud navigace nevypadá špatně, a to je náš první zlom dotazu na média. V tom okamžiku rozdělíme navigaci na dva řádky po čtyřech místo na jeden řádek po osmi. Musíme upravit stíny, aby vypadaly správně.
U některých mediálních dotazů také upravujeme šířku zalamování stránky, což znamená, že musíme vylepšit i to, jak logo funguje.
