Привет народ. Прошу прощение за качество фотографии
Есть два блока,оба они находятся в контейнере. Необходимо сделать так, чтобы текст был в контейнере, а фон был за ним.
а в чем собственно проблема?
вложенность следующая:
-враппер адаптивный
---большой див с этими двумя контейнерами
-----первый див с бэкграундом серым
-------селектор <p> с вертикальной центровкой текста и падингами по бокам
-----второй див, но уже без бэкграунда
-------селектор <p> с вертикальной центровкой текста и падингами по бокам
Вот в принципе и все. Позиционируешь оба этих блока относительно друг друга флексами.
Как по мне, так это самый простой элемент которой только можно придумать для верстки.
Делайте этот блок - без контейнера все просто.
Секция у нее два дочерних элемента, предположительно div. Секции задаете display: flex; и нужные настройки.
первому блоку даете фон, второй просто оформляете. Ничего сложного.
