Как организовать Layout и ограниченные контейнеры внутри?

Question

[Андрей Чирков]

Допустим у нас в макете есть 5 блоков.
2 верхних без background-image, занимают 1000px и находятся в центре (ничего необычного)
2 нижних ровно так же

Но тот что по середине имеет background-image на всю ширину экрана.

При использовании компонентного подхода приходится 2 верхних и 2 нижних оборачивать в div и внутри еще класс container.

Может есть попроще способ положить все в контейнер, а один средний блок вытащить за границы контейнера в 1000px и растянуть на весь экран?

Comments

[RAX7]

https://css-tricks.com/the-inside-problem/

[Ankhena]

<div class="item container">1000</div>
<div class="item container">1000</div>
<div class="item">full</div>
<div class="item container">1000</div>
<div class="item container">1000</div>

[Андрей Чирков]

RAX7, Интересное решение есть с гридами, попробую его, спасибо

[Андрей Чирков]

Ankhena, вы написали как раз то, от чего я стремился избавиться

[Ankhena]

Андрей Чирков, вы собирались делать куда-то еще обертки.