Как сверстать данную секцию?

Question

[aeprotsyuk]

Здравствуйте!

Помогите пожалуйста советом, как сверстать данную секцию, она ограничена контейнером, проблема в том, что слева и справа разные цвета, а как так расположить блоки внутри с разными фонами, чтобы это еще и выходило за пределы контейнера?

Comments

[aeprotsyuk]

спасибо за помощь

Answer 1

[Арсений Матыцин]

Используя гриды. Для адаптива (резины, если быть точнее) необходимо сделать 4 колонки, где левая и правая будут расчетными (calc) таким образом, чтобы внутренние две соответствовали двум половинам макетной ширины.

Answer 2

[Softlink]

На общую обертку можно навесить градиент https://jsfiddle.net/Lnjt21x7/.

Comments

[Softlink]

Минимальный пример https://jsfiddle.net/Lnjt21x7/1/

[aeprotsyuk]

Спасибо большое за помощь