📦 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 Аутро Нравится? Становитесь патронами 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