Въвеждаме концепцията за @mediaзаявки в CSS.
Много от това, което използваме Sass в този проект, ни позволява да останем СУХИ (не се повтаряйте). Направихме тази настройка на променливи за цвят и размер. Направихме това с нашите купчини шрифтове. Сега го правим отново с медийни заявки. Винаги, когато имаме нужда от медийна заявка, вече имаме @mixin, който можем да използваме. По този начин, ако трябва да ги коригираме, можем да ги сменим само на едно място.
Вместо да назоваваме нашите медийни заявки като „iPad“ или нещо прекалено специфично като това, ние просто ще използваме някои произволни, но разбираеми имена като „Бебешко мече“ и „Папа Беър“.
Започваме с широк екран, след което го стесняваме, докато навигацията изглежда лоша и това е първата ни почивка за медийни заявки. В този момент разбиваме навигацията на два реда от четири вместо един ред от осем. Трябва да коригираме сенките, за да изглежда правилно.
Също така коригираме ширината на обвиването на страницата при определени медийни заявки, което означава, че трябва да променим как работи и логото.
