Шапка на гридах и флексах с гэпами и БЭМ

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

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

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

Миксы в БЭМе — https://ru.bem.info/methodology/css/#миксы
Свойство gap в спецификации — https://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

Видео Шапка на гридах и флексах с гэпами и БЭМ канала Vadim Makeev