# Неделя #2: Адаптивная верстка
# Задачи на неделю:
- Перевести измерения элементов в относительные единицы
- Сверстанные секции привести к адаптивному виду
- Собрать SVG иконки в спрайт и применить их в проекте
# Как все успеть
# 🗓 Понедельник
Смотрим видео по адаптивной верстке
Переводим единицы измерения PX в REM
# 🗓 Вторник
Приводим приветственную секцию к адаптивному виду
Ширина экранов
Планшеты - 768px
Смартфоны - 480px
Корректное отображение сохраняется до ширины экрана - 320px включительно
# 🗓 Среда
Приводим остальные секции к мобильному виду
Верстаем секцию Контакты
Пояснения к верстке секции
- Карта пока вставлена картинкой (мы сделаем ее интерактивной, когда придет время)
- Футер налегает абсолютом на карту
# 🗓 Четверг
Смотрим воркшоп
Проверяем свою работу
# 🗓 Пятница
Приводим верстку в состояние PerfectPixel
Смотрим видео-курс по работе с SVG
Собираем иконки в SVG спрайт и применяем в проекте
Итог работы
- Адаптивная версия текущих секций страницы
- В проекте применены SVG иконки из спрайта.