Задача
Требуется закодить одностраничный сайт-квиз, который корректно отображается как на мобильных устройствах, так и на десктопных экранах. Исходные материалы - макет из Figma.
Требования
- Точное следование пиксельной верстке по Referance из Figma
- Полная адаптивность (мобильная, планшет, десктоп)
- Чистый, валидный HTML5 и CSS3 - без использования CSS-фреймворков (bootstrap/tailwind и т.п.)
- Минимальные анимации для смены шагов квиза на React/JS (по желанию)
- Функционал квиза: последовательность вопросов с выбором ответов, подсчет результатов, финальный экран с итогом
Этапы выполнения
- Предоставить готовую верстку на тестовом сервере
- Кросс-браузерное тестирование (Chrome, Safari, Firefox, Edge)
- Фиксация ошибок адаптива