Тестовое задание.

Технологии

React createContext useContext useState | SCSS Flex Clip-path

Описание:

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