Сверстан блок в соответствии с заданием. Весь функционал реализован в полной мере. Требования соблюдены. В работе были использованы HTML5, CSS3 и чистый JS без сторонних библиотек.
-
При нажатии на кнопку открывается описание. При повторном клике на неё или по оверлею описание закрывается. Если открыто описание и происходит клик по иной кнопке, открытое описание закрывается и открывается новое, соответствующее кнопке, на которой произошло событие.
-
Кнопки спозиционированы согласно макету c применением Pixel Perfect.
-
При "ресайзе" окна кнопки позицию не теряют. Результат с применением только CSS меня не удовлетворил, поэтому тут был задействован JS.
Ссылка на репозиторий проекта: https://github.com/ds-sev/Only.digital_test-task
Готовую реализацию можно посмотреть тут: https://ds-sev.github.io/Only.digital_test-task/