Как сверстать такой блок?

Question

[DmitriySwan]

Получается одна часть по сетке, а другая то есть правая не по сетке. Как сформировать правильно хтмл, где использовать класс "container" ?

Comments

[Владислав Лысков]

здесь вообще всё не по сетке
в чем проблема это сверстать?
2 дива 50%
в 1ом отступ 20% далее контент
во 2ом img width 100%

Answer 1

[Сергей Горячев]

Кто как адаптивно верстает 50% бэкграунды (слева одна картинка, справа другая)?
Там даже более сложный пример, с твоим все проще, но смысл тот же.

Answer 2

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

Кто сетку рисовал?
Если она нарисована правильно, то все стандартно. только фоновая картинка по правому краю.
Если

Получается одна часть по сетке, а другая то есть правая не по сетке.

то видимо не верно сетка нарисована, тогда это обычный контейнер, как у того же bootstrap, отступы и размеры которого завязаны через медиазапросы на размер экрана. Только у bs отступы слева и справа, а у вас только слева. Но тогда на рисунке сетка не верно нарисована.
Повторюсь нарисована обычная сетка, ничего необычного.

Answer 3

[Александр Алексеев]

есть враппер который равен ширине сетки
есть широкий экран
экран делим пополам
в левой половине экрана делаем половину враппера и прижимаем вправо

Answer 4

[fesservl]

https://www.youtube.com/watch?v=FLbvUFVr3bg