Учимся использовать Media queries и Container queries

Погружение в мир медиа-запросов и контейнерных запросов, охватывающее основы работы каждого из них, различия между ними, ситуации, когда целесообразнее использовать один тип запросов вместо другого, и многое другое. Большое спасибо Джеффу Грэму за помощь в создании этого видео. https://geoffgraham.me/ 🔗 Ссылки ✅ Практическое руководство по адаптивному веб-дизайну:    • A practical guide to responsive web design   ✅ MDN о других функциях медиа-запросов: https://developer.mozilla.org/en-US/d... ✅ Таблица поддержки браузерами синтаксиса диапазона: https://caniuse.com/css-media-range-s... ✅ Таблица поддержки браузерами запросов контейнера: https://caniuse.com/css-container-que... Таблицы поддержки браузерами единиц запросов контейнера: https://caniuse.com/css-container-que... ✅ Таблица поддержки браузерами запросов стиля: https://caniuse.com/css-container-que... ⌚ Временные метки 00:00 - Введение 00:55 - Новые товары! 01:27 - Основы медиа-запросов 03:20 - Обновление пользовательских свойств с помощью медиа-запросов 05:00 - Создание диапазонов 07:35 - Новый синтаксис 10:25 - Медиа-запросы используются не только для определения размера области просмотра 12:07 - Основы запросов контейнеров 15:23 - Разница между медиа-запросами и запросами контейнеров 19:53 - Именование контейнеров 22:00 - Сокращенная запись контейнера 22:30 - Краткий обзор 23:05 - Единицы запроса контейнера 27:00 - Возможно, стоит определить HTML-элемент как контейнер… возможно 28:58 - Запросы стилей 32:50 - Какой из них следует использовать? #css -- Присоединяйтесь к моему сообществу в Discord и общайтесь с другими разработчиками! 💬   / discord   Будьте в курсе всего, чем я занимаюсь! ✉ https://www.kevinpowell.co/newsletter Присоединяйтесь ко мне в прямом эфире каждый понедельник на Twitch! 📺   / kevinpowellcss   --- Поддержите мой канал! 👨‍🎓 Пройдите курс: https://www.kevinpowell.co/courses 👕 Купите футболку: https://teespring.com/stores/making-t... 💖 Поддержите меня на Patreon:   / kevinpowell   --- Мой редактор: VS Code - https://code.visualstudio.com/ --- Я также присутствую на других платформах в интернете! Если вы хотите увидеть закулисные моменты и анонсы того, что будет на моем YouTube-канале, подпишитесь на меня в Instagram и Twitter. Twitter:   / kevinjpowell   Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- И что бы вы ни делали, не забывайте делать свой уголок интернета немного круче!