Адаптивная шапка с выпадающим меню на гридах, часть 1

Часть 2 —    • Адаптивная шапка с выпадающим меню на...  

00:00 Интро
02:14 Обзор дизайна
04:33 Устройство проекта
06:24 Разметка
13:42 Стили
14:34 Логотип
21:59 Медиавыражения
28:13 Список меню
39:57 Кнопка меню
46:31 Расположение меню
51:58 Тень под меню
55:01 Аутро

Нравится? Становитесь патронами —   / pepelsbey  

Демо — https://pepelsbey.github.io/playgroun...
Код — https://github.com/pepelsbey/playgrou...

Сайт Веб-стандартов — https://web-standards.ru/
Макет в Figma — https://www.figma.com/file/dV7oWbRYHt...
Новый синтаксис медиавыражений — https://www.w3.org/TR/mediaqueries-4/...
Меню и кнопки меню — https://web-standards.ru/articles/men...
Направляющие для адаптивной сетки —    • Направляющие для адаптивной сетки на ...  

* * *

Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 мм, f/2,8
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120d II + Light Dome
Софт: DaVinci Resolve, iZotope RX