Реализовать следующий блок в соответствии с макетом [https://www.figma.com/file/3gcKt8coTeNhFGnHuHWzjr/%D0%A1%D1%82%D0%B0%D0%B6%D0%B8%D1%80%D0%BE%D0%B2%D0%BA%D0%B0---%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B2%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5?type=design&node-id=0%3A1&mode=design&t=vrGHG3JQdFUgm3Da-1]
Блок состоит из фонового изображения и кнопок, расположенных поверх изображения Блок всегда занимает полную высоту и ширину экрана (верстка для ширины экрана меньше 1280px не требуется) Текст внутри кнопок произвольный, позиция кнопок должна совпадать с макетом
Функционал: По нажатию на каждую кнопку, она “открывается” для отображения подписи Повторный клик по открытой кнопке или по изображению закрывает открытую кнопку Требования к реализации Использовать HTML5, CSS3, JS (Только чистый JavaScript без jQuery или других сторонних библиотек) Все кнопки не должны терять свою позицию на при ширине экрана в промежутке от 1920px до 1280px (Идеальное совпадение не требуется, кнопки должны располагаться в пределах указанных построек) Одновременно на странице не должно быть больше одного обработчика события “click”
Выполненное задание необходимо прислать в виде ссылки на git-репозиторий. Актуальная версия кода должна находится в основной ветке.
git clone https://github.com/mvodev/only
npm i
npm run start