Реализовано веб-приложение (сайт), содержащее страницу, внешний вид которой соответствует макету, а поведение — описанию задачи. Макет находится в папке prototype, описание задачи ниже.
Task Requirements:
- Фон занимает всю площадь экрана, блок находится по центру вертикально и горизонтально.
- На планшетах упаковки располагаются треугольником, на смартфонах друг под другом.
- Информация о продукте может меняться.
- Каждая из упаковок может быть выбрана или недоступна для выбора. Выбор осуществляется нажатием на упаковку или на текст «купи» в описании.
- Можно выбрать одновременно несколько упаковок, а также отменить свой выбор повторным нажатием на упаковку.
- Состояние наведения применяется к выбранной упаковке не сразу, а после того, как курсор ушел с нее после первоначального выбора.
- Информация о продукте и колличество продуктов может меняться и запрашивается из файла ./src/data/products.js
- Использование препроцессоров.
- Использование библиотеки classNames для валидации.
