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

Адаптивная верстка меняет дизайн страницы в зависимости от поведения пользователя, платформы, размера экрана и ориентации девайса и является неотъемлемой частью современной веб-разработки. Она позволяет существенно экономить и не отрисовывать новый дизайн для каждого разрешения, а менять размеры и расположение отдельных элементов. Регулировка разрешения экрана В принципе, можно разбить устройства на разные категории и верстать для каждой из них отдельно, но это займет слишком много времени, да...