Как правильно верстать фон с одной стороны?

Необходимо сверстать такой блок...

5f007cb8d2b67161279913.png
При разрешении аналогичному макету никаких проблем нет, но если увеличить до 1920 получается вот так. (Картинка ниже)
Пробовал использовать проценты для размера фона, но тогда контент становится маленьким относительно фона. Единсвенная мысль, что похоже нужно использовать относительные единицы измерения, для сохранения соотношения размеров фона и контента.

Или увеличить размер контента на брейкпоинтах.

Не знаю... Подскажите как сделать это правильно

5f007da72f43f650949332.png
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
В этом примере фоновую картинку стоит сделать не частью фона всего блока, вложенный в родителя и с заданными размерами + background-size: cover с отсчетом позиции от правого нижнего угла.

И в идеале сделать расчет на JS от конца основной навигации, чтобы ширина изображения всегда закрывала (лежала под) навигацию до конца.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Jukekek
Залей все одной картинкой(оба фона и все) . Зачем делать двумя?
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Лига А. Санкт-Петербург
от 50 000 до 70 000 ₽
iSpring Йошкар-Ола
от 80 000 до 130 000 ₽
05 авг. 2020, в 21:55
20000 руб./за проект
05 авг. 2020, в 20:58
10000 руб./за проект
05 авг. 2020, в 20:21
10000 руб./за проект