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