@raulvodov
UI/UX Designer

Как наиболее удобно рассчитывать и в каких единицах background-position?

Как наиболее удобно рассчитывать и в каких единицах background-position?
К примеру у меня блок текст слева, а справа иллюстрация.
Нужно чтобы иллюстрация гармонично вписалась под разные разрешение экрана, а на мобильных вообще была под текстом. Как это осуществить? Вероятно с помощью background-position в процентах? А как рассчитывать значения? Путём подбора разных процентных значений?
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1

К примеру у меня блок текст слева, а справа иллюстрация.
Нужно чтобы иллюстрация гармонично вписалась под разные разрешение экрана

В этой ситуации лучше создать два блока и в один из них задать картинку или фон


а на мобильных вообще была под текстом

В этой ситуации просто блок с картинкой опускаем под блок с текстом (попробуйте изменять ширину браузера в браузера ниже)

Результат:
https://codepen.io/hisbvdis/pen/eYOKeeR
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы