Как сверстать такую секцию и как поступить с контейнером?

Question

[Blondguy]

Как лучше поступить с этим большим блоком (с женщиной) в смысле, как взять его правильно в контейнер, ведь картинка с ней выходит за него, может просто не ставить вообще контейнер, а дать блоку паддинг справа ?

Answer 1

[Нікіта]

Лучше будет разделить на левый и правый блоки, поставить им ширину по 60% и 40% примерно, а эти блоки уже поместить в контейнер.

Comments

[Нікіта]

[Blondguy]

Нікіта, а если эти два блока поместить в контейнер с max-width 1200 px, то левая сторона ведь не будет прижать к краю

[Нікіта]

Blondguy, Верно, не будет, а зачем Вам чтобы прижималась?

[Blondguy]

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

[Нікіта]

Слева картинка с девушкой не прижимается к краю, а прижимается голубой квадрат. Прижать его можно обычным позиционированием. Position: absolute к левому контейнеру, а position: relative к картинке + left: -10px.
https://learn.javascript.ru/position

[Blondguy]

Нікіта, наверное вы правы, все таки этот квадрат это часть декора, а не часть общей картинки. Поставлю тогда его z-index'ом пониже картинки с девушкой и прижму к краю как вы посоветовали. Спасибо большое за уделённое время!