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

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

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

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

* * *

Редактор: VS Code https://code.visualstudio.com/
Тема: GitHub https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
Шрифт: 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