Создание адаптивного сайта

Создадим мобильную и десктопную версию сайта портфолио. Выполним это на Visual Studio Code с использованием таск-менеджера Gulp.

Для этого необходимо установить:


1. Назначение пакетов

2. Проверка и установка пакетов

3. Подготовка GULP и верстка сайта

Подготовка GULP

1. Создадим два макета сайта Portfolio на Figma. Один — вариант для десктопа, второй для мобильного;

Верстка сайта

1. БЭМ (Блок, Элемент, Модификатор) в веб-разработке.
2. Разбивка страниц макета на блоки
3. Описание блока 1

4. Пример верстки группы

5. Верстка сайта для мобильной и десктоп версии

6. Медиа-запросы

7. Слайдер на Owl Carousel 2

Сборка результата