Тестовое задание на позицию Front-End разработчика в ADWIN.agency

Ссылка на материалы

Ссылка на прототип: Figma

Ссылка на визуализацию анимации: Figma run

Общие требования к тестовому заданию

• ✅- Использовать только Tailwind CSS + HTML
• ❌- Не использовать JS
• ❌- Не использовать кастомные стили
• ❌- Не использовать сторонние плагины для Tailwind CSS

Что нужно сделать?

Сверстать приложенный в макете прототип карточки на TailwindCss + HTML. Реализовать анимацию при наведении на тело карточки в соответствии с визуализацией анимации в макете. Сделать карточку адаптивной, минимальная и максимальная ширина карточки указана в макете.

Результат

🚀 Done 🚀