00:00 Интро
00:27 Разметка и стили шапки
04:31 Раскладка шапки на гридах
06:02 Раскладка поля поиска
11:53 Отступы между блоками
15:57 Вёрстка примеров поиска
21:04 Отступы между кнопками
26:11 Выводы и предыстория

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

Демо — pepelsbey.github.io/playground/20/
Код — github.com/pepelsbey/playground/tree/master/20

Миксы в БЭМе — ru.bem.info/methodology/css/#миксы
Свойство gap в спецификации — drafts.csswg.org/css-align-3/#propdef-gap

* * *

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