Адаптивная верстка сайта

Создание адаптивного сайта | Урок #4 - Последний этап

Создание адаптивного сайта | Урок #4 - Последний этап

В этом уроке мы с вами научимся создавать специальные стили для конкретных экранов при помощи Media Queries.

Видеоурок

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Media Queries
Поработайте еще немного с Media Queries. Добавьте дополнительный блок внизу сайта и сделайте разный задний фон этого блока для разных разрешений экрана.
Посмотреть ответ
Для начала надо добавить сам блок div, потом добавить к нему различные стили. Теперь в зависимости от ширины экрана проверять её в Media Queries и выставлять необходимый задний фон, к примеру, красный если больше 1500 px по ширине, синий если меньше 1500 px и больше 1300 px и так далее

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Верстка сайта на HTML5 и CSS3
13 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Изучение препроцессора SASS / SCSS
7 уроков
Изучение CSS/CSS3 от нуля до гуру!
15 уроков