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

Question

[Кейси]

Есть сайт с такой структурой:

<div id="screen_1">
	<div class="content">
		
	</div>
</div>
#screen_1{
width:100%;
}
.content{
margin:0 auto;
width:100%;
max-width:1000px;
}

Задача таковая: сделать фон от середины сайта, до левого края (приложил картинку). Подскажите наиболее грамотное решение.

Answer 1

[Ankhena]

(приложил картинку)

Не очень понятно куда вы её приложили.
А пока так, на общих основаниях

Полно вариантов
- background-size
- псевдоэлементом
- градиент