Как сделать подобный фон?

Question

[wOneBvll]

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



заранее спасибо!!

Comments

[BATPYIIIKOB]

Что конкретно не получается? Размещать блоки с текстом и картинкой внутри родительского блока?
Почитайте про flex, ну и полезно почитать про position и float. Фон то везде разный :) синий , зелёный и белый :)

Answer 1

[Den Sabrov]

Если не получается с фоном, почему бы не попробовать absolute positioning с z-index?

Answer 2

[Иван Вишневский]

Всё правильно, на первых двух, например, фон - просто залит цветом, а картинки расположить с position: absolute;
Только подстраивать под разные размеры экранов, разумеется.

Answer 3

[Rozdis]

По сути можно в photoshop слои разместить, и залить результат на фон