Новые единицы измерения CSS: cqw, cqh, cqi, cqb, cqmax, cqmin

🔥 23 января стартует обучение по базовой верстке, продвинутой по верстке и JavaScript.
Скидка 10% моим подписчикам ❤️ - https://forms.gle/Q5uKoU9HCX3Tmg6g6

В этом видео на простых примерах разбирём возможности новых единиц измерения: cqw, cqh, cqi, cqb, cqmax, cqmin.

Дока про единицы измерения CSS Container - https://www.w3.org/TR/css-contain-3/#container-lengths
Практика CSS Container - https://youtu.be/Ly0U1Yy2OHI

Пример №1 - https://codepen.io/anna_blok/pen/ZEjpjXN
Пример №2 - https://codepen.io/anna_blok/pen/VwBKozX?editors=1100

Таймкоды:
00:00 Вступление
00:27 Задачки по JS в Телеграм
00:43 Скидка 10% на обучение
02:18 Про cqw и cqh
06:07 Про cqmin и cqmin
08:06 Пример cqmin и cqmin
09:50 Про cqi
11:41 Добавляем clamp()
16:23 Про поддержку единиц измерения
16:58 Про cqb

🔵 Дзен — https://zen.yandex.ru/annblok
🔵 ВК — https://vk.com/tpverstak
🔵 Telegram — https://t.me/tpverstak
🔵 Чат Telegram — https://t.me/tpverstakchat
🔵 Instagram — https://www.instagram.com/annblok/
🔵 TikTok — https://www.tiktok.com/@annblok_webdev

🔴 Задать вопрос — https://frontendhelp.me/ru
🔴 Обучение - https://frontendblok.com/