Где использовать флексы, а где гриды? 🤨 Спойлер: да где хотите

00:00 Интро
00:11 Флексы и гриды
01:52 Ошибочная картина
02:30 Постановка задачи
02:52 Вёрстка кнопок
04:50 Вставка иконок
05:52 Подгонка иконок
07:32 Выравнивание иконок
08:18 Добавление гридов
09:43 Отступ от иконки
11:25 Гэпы во флексах
12:27 Кроссбраузерность
13:41 Беда с кнопками
14:40 Обман
15:34 Вывод
16:25 Аутро

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

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

Фикс для кнопок в Safari 14.0.1 https://twitter.com/pepelsbey/status/1328662342515765249
Browser Default Styles https://browserdefaultstyles.com/
The Two Values Of Display https://www.smashingmagazine.com/2019/04/display-two-value/
Safari Technology Preview https://developer.apple.com/safari/technology-preview/

* * *

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

Видео Где использовать флексы, а где гриды? 🤨 Спойлер: да где хотите канала Vadim Makeev