Почему background-image не растягиватеся на всю высоту контейнера и как это исправить?

Question

[DZHAMBUALT]

Здрасте. Внизу есть фото на котором видно что background-image не растягивается на всю высоту контейнера (хотя задан background-size: cover). Я пробовал padding-ом решить проблему до какого-то момента, но при дальнейшем уменьшении размера экрана, мне приходилось увеличивать padding и затем образовывалась огромная пропасть между блоками.

Comments

[Алексей Уколов]

Покажите код, по картинке мы не можем диагностировать проблему.

Answer 1

[Станислав]

Можно попробовать такие варианты:
background: url("../img/image.jpg") no-repeat center top/contain;
background: url("../img/image.jpg") no-repeat center center/cover;
background: url("../img/image.jpg") no-repeat center top / cover;
background: no-repeat top/100% url("../img/image.jpg");
background: no-repeat center/100% url("../img/image.jpg");

Comments

[DZHAMBUALT]

А как это работает? (top/contain) (center/cover) (top/cover) и т.д. Не совсем понимаю

[Станислав]

DZHAMBUALT, необходимо взять html и css, залить в codepen, затем прикрепить к вопросу. Это будет уже половина решения задачи, дальше подскажу