Современный веб-дизайн требует гибкости и адаптивности, чтобы сайты корректно отображались на устройствах с разными размерами экранов. Одним из мощных инструментов для достижения этой цели являются запросы к контейнерам CSS (Container Queries). Этот относительно новый подход позволяет разработчикам создавать адаптивные интерфейсы, основываясь на размерах родительского контейнера, а не на размерах всего окна браузера. В этой статье мы рассмотрим, как использовать запросы к контейнерам для создания адаптивного дизайна...

Учимся делать веб-сайты с нуля до трудоустройства. Разбираемся, как делать адаптивную верстку, чтобы сайт работал корректно на всех устройствах: телефон, планшет, ноутбук, большой экран. Что было на прошлом занятии? Мы завершили верстку дизайна и получили полностью рабочий код главной страницы. Вот ссылка на архив с результатами прошлого урока: https://github.com/madmaker/srmt22-lsn10/archive/refs/tags/v1.zip Скачайте себе этот архив, распакуйте и откройте в vsCode. На его основе мы будем делать этот урок...