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

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

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

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

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

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

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

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

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