Секция с двумя колонками в контейнере и двойным фоном?

Question

[massef]

Codepen
Часто встречаю подобные секции. Верстаю обычно так как в примере. Но решение с отрицательным position режет глаз.

Если макет резиновый, то вопросов нет, два псевдоэлемента по 50% для обертки и готово.
Когда нужна адаптивность, приходится вот так извращаться, потому что нужно растягивать фон по высоте колонки на моб. устройствах.

Есть ли более элегантные техники или может на flexbox?

Answer 1

[iBird Rose]

тоже думал над этим. имхо у тебя в примере самая нормальная реализация.

Answer 2

[Zam_Bo]

Вот так?
codepen.io/Zamchenco/pen/zZZpQQ?editors=1100

Comments

[massef]

перечитайте вопрос, а конкретно вот это предложение -

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

[iBird Rose]

а если фон картинкой а не сплошным цветом?

Answer 3

[Андрей Б.]

Делаю так же, других нормальных способов не вижу.