Задача
Требуется выполнить отладку и исправление существующего адаптивного меню, созданного с использованием HTML и CSS.
Проблема
В текущей реализации наблюдается критический баг в адаптивной версии. При ширине окна браузера 960 пикселей и меньше верстка "ломается":
- Фоновый блок меню ведет себя некорректно ("съезжает").
- Кнопки и другие элементы навигации масштабируются с неправильной скоростью, не соответствующей общему масштабу страницы.
- Общее поведение элементов перестает соответствовать задуманному дизайну.
Требования к решению
- Проанализировать предоставленные HTML и CSS файлы.
- По предоставленному видео с воспроизведением бага идентифицировать корневую причину ошибки в стилях.
- Внести минимально необходимые правки в код для стабильной работы меню на всех разрешениях экрана, в особенности в диапазоне от 960px и ниже.
- Исправленная верстка должна сохранить свою адаптивность, а элементы - корректно масштабироваться и позиционироваться.
Для выполнения задачи будут предоставлены все необходимые материалы: видео с демонстрацией ошибки, HTML- и CSS-файлы текущей реализации.