Практическое тестовое задание от компании FunBox (Level 2)

Ссылка на страницу: https://mdvoropaev.github.io/funbox__pages/

Задание выполнил: Михаил Воропаев

Срок выполнения задания: 03.03.2021 - 10.03.2021

Задачи:

1. Сверстайте страницу, показанную на рисунке. Внешний вид должен полностью соответствовать макету, а поведение — описанию задачи.
2. Фон занимает всю площадь экрана, блок находится по центру вертикально и горизонтально.
3. На планшетах упаковки располагаются треугольником, на смартфонах друг под другом.
4. Информация о продукте может меняться.
5. Каждая из упаковок может быть выбрана или недоступна для выбора. Выбор осуществляется нажатием на упаковку или на текст «купи» в описании.
6. Можно выбрать одновременно несколько упаковок, а также отменить свой выбор повторным нажатием на упаковку.
7. Состояние наведения применяется к выбранной упаковке не сразу, а после того, как курсор ушел с нее после первоначального выбора.

Поддержка браузерами:

Chrome, Firefox, Safari, IE11, Opera;

Начало работы со сборкой:

1. Скопируйте содержимое репозитория;
2. В корне проекта запустите команду npm i
3. Для сборки проекта вы можете использовать команды:
   

gulp - команда запускает сборку для разработки, используя browser-sync

gulp build - команда для продакшн-сборки проекта. Все ассеты сжаты и оптимизированы для выкладки на хостинг.