Задать вопрос
@SeriousAnonymous

Как разместить 2 фона и сделать адаптиность?

Помогите пожалуйста решить следующую задачу. Перечитал кучу информации из интернета и не нашел подходящего для себя решения. Пробовал через background-size: cover, background-size: 1920 auto, через позиционирование, но так и не могу свести 2 фона.

Есть 2 фона:
Раз
Два

И мобильное разрешение
Раз
Два

Желаемый результат на десктопе и мобилке:
Деск
Моб

Проблема заключается в том, что никак не выходит корректно, связать их между собой, чтобы они хорошо адаптировались. Буду очень признателен за Ваш опыт или может быть полезные статьи.

UPD. Фон должен быть размеров 1920px и выходить за контейнер 1200px

https://codepen.io/by_ultra/pen/LYQzpXp
  • Вопрос задан
  • 108 просмотров
Подписаться 2 Простой 6 комментариев
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы