📦 CSS Container Queries, или Адаптация по-новому: контейнер вместо вьюпорта

00:00 Интро
01:05 Базовая раскладка
02:15 Адаптация от окна
04:12 Добавляем карточку
06:38 Проблема с карточкой
07:19 Раскладка карточки
08:13 Адаптация карточки
09:16 Адаптация от контейнера
10:22 Дополнительное условие
11:56 Выводы
12:32 Аутро

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

Демо https://pepelsbey.github.io/playgroun...
Флаг для Chrome Canary chrome://flags/#enable-container-queries
Container Query Proposal & Explainer https://css.oddbird.net/rwd/query/exp...
CSS Containment in Chrome 52 https://developers.google.com/web/upd...
CSS Containment Module https://drafts.csswg.org/css-contain/

* * *

Редактор: VS Code https://code.visualstudio.com/
Тема: GitHub https://marketplace.visualstudio.com/...
Шрифт: JetBrains Mono https://www.jetbrains.com/lp/mono/

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