Как лучше сверстать?

Question

[Александр Булгаков]

Приветствую, как лучше сверстать подобный блок? Нужно чтобы текст был внутри контейнера, но в тоже время фоны внутренних блоков растягивались за пределы контейнера. Как видно в коде ничего пока кроме псевдоэлементов не придумал. Может есть какое-то менее кривое решение?

Comments

[Антон]

bootstrap не используешь?

[Александр Булгаков]

Антон Хлебников: использую, но опять же как быть с бутстрапом в данном случае? данный блок будет представлять из себя row внутри container с заданными размерами и бэкграунд col-md-x внутри row будет растягиваться только до границ контейнера, опять же получается если на всю ширину страницы делать то костыли в виде псевдоэлементов.

Answer 1

[gleendo]

Можно так https://jsfiddle.net/evg_/9cgL3qb2/
Но хз, в данном случае не ручаюсь на оптимальное решение.

Comments

[Александр Булгаков]

такой фон нужен не у всего боди а только одного блока, а тут опять все упирается в контейнер.

[Александр Булгаков]

но, спасибо за идею линейного градиента, вот что у меня с ним получилось - codepen.io/alebul/pen/grNxJd

[Антон]

я тут протестил твои исходный вариант, мне больше нравится, вполне нормальный для такого задания

Answer 2

[Антон]

Погуглил.
jsfiddle.net/grrenier/3TE4X/2
jsfiddle.net/dCEKA
https://css-tricks.com/left-and-right/