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

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 Аутро

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

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

Фикс для кнопок в Safari 14.0.1   / 1328662342515765249  
Browser Default Styles https://browserdefaultstyles.com/
The Two Values Of Display https://www.smashingmagazine.com/2019...
Safari Technology Preview https://developer.apple.com/safari/te...

* * *

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