Как вынести блок с background за сетку в данном случае?

Question

[z_u_l]

Как вынести блок с background за сетку в данном случае?

Должно выглядеть так:

Пример

Есть ли какой-то нормальный способ так сделать, без подстраивания padding'ов под сетку?

Answer 1

[Максим Тимофеев]

Обвернуть все в div и задать ему background:
https://codepen.io/wokster/pen/zJRrGw

Comments

[z_u_l]

Но в вашем примере черные так и остались в сетке? Как им выйти за ее приделы, сохраняя при этом сетку для текста?

[Никита Егоров]

z_u_l, зачем вам сетка для этого?

[Максим Тимофеев]

z_u_l, https://codepen.io/wokster/pen/zJRrGw

[z_u_l]

Максим Тимофеев, Спасибо, интересный способ. А если этим background'ом будет картинка, как быть?

[z_u_l]

Никита Егоров, А как можно сделать иначе в данном случае?

[Максим Тимофеев]

z_u_l, так же, в чем проблема?