Przedstawiamy pojęcie @mediazapytań w CSS.
Wiele z tego, co pozwala nam używać Sassa w tym projekcie, to pozostać SUCHYM (nie powtarzaj tego). Zrobiliśmy to, ustawiając zmienne koloru i rozmiaru. Zrobiliśmy to z naszymi stosami czcionek. Teraz robimy to ponownie z zapytaniami o media. Za każdym razem, gdy potrzebujemy zapytania o media, mamy teraz @mixin, którego możemy użyć. W ten sposób, jeśli musimy je dostosować, możemy je zmienić w jednym miejscu.
Zamiast nazywać nasze zapytania w mediach takimi jak „iPad” lub cokolwiek podobnego, użyjemy po prostu arbitralnych, ale zrozumiałych nazw, takich jak „Niedźwiedź” i „Niedźwiedź”.
Zaczynamy od szerokiego ekranu, a następnie zawężamy go, aż nawigacja wygląda źle i to jest nasze pierwsze przerwanie zapytania o media. W tym momencie dzielimy nawigację na dwa rzędy po cztery zamiast jednego rzędu ośmiu. Musimy dostosować cienie, aby wyglądały dobrze.
Dostosowujemy również szerokość zawijania strony w przypadku niektórych zapytań o media, co oznacza, że musimy również dostosować sposób działania logo.