Разработка баннера для сайта в двух размерах
Требуется создать яркий и привлекательный баннер на основе фотографии с плавными элементами оформления. Дизайн должен включать обязательный графический элемент и кнопку.
Описание задачи
На сайте установлены баннеры, которые в мобильной версии отображаются некорректно. Текст и изображения смещаются относительно друг друга, нарушая общую композицию. Необходимо сделать баннеры полностью адаптивными.
Требования к адаптации
- Устранить сдвиг текстовых блоков и картинок при малой ширине экрана
- Обеспечить правильное выравнивание всех элементов баннера (заголовок, описание, кнопка, фон, изображение)
- Сохранить пропорции и читаемость на мобильных устройствах
- Не использовать жёстко заданные размеры (px) - только относительные единицы и медиа-запросы
- Предусмотреть корректное поведение баннеров при повороте экрана (ориентация portrait/landscape)
Формат работы
Готовый HTML/CSS код или правки в исходном проекте