Как растянуть фоновое изображение?

Question

[Вадим Сомов]

У меня есть блок с фоновым изображением. При сжатие экрана фон перестает растягиваться на всю ширину контейнера.
Как растянуть фоновое изображение?
prntscr.com/g2z6xq - html
prntscr.com/g2z78y - css
prntscr.com/g2zaco - скриншот проблемы

Comments

[Андрей]

А как надо растянуть-то? А cover вместо contain не поможет?

[Вадим Сомов]

Андрей: нет, я пробовал, просто на больших разрешениях он не должен тянуться на всю ширину, а когда становится меньше уже должен уже тянуться на всю ширину. Он так и делает но когда 350px например он уже сжимается, не знай как исправить

[Андрей]

ну так в медиа запросе поставь cover вместо contain:

@media screen and (max-width: 400px) {
  .main-offer {
    background-size: cover;
  }
}

Answer 1

[sergey]

открыл скрин и страшно стало, что это за запись: section col-lg-12?
Это Bootstrap и в нем нет свободного творчества, откройте туториал и учите.
вот так можно писать, а так как Вы нет

<div class="container-fluid main-offer">
	<div class="row">
		<div class="col-sm-5 text-center description">
			<h1>gina</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam porro illum reiciendis magni cupiditate, blanditiis sapiente! Labore quo optio aliquam.</p>
		</div>
	</div

совет на будущее: код предоставляется не в скриншотах а в песочнице: jsfiddle/codepen
пример, только вместо цвета, картинку свою поставьте
jsfiddle