Что сделать с блоком, где все элементы абсолютно позиционированы?

Question

[torbach]

Здравствуйте! Имеются два блока(col-1-of-2) в row, в первом блоке 3 картинки, все они абсолютно позиционированы, когда я начинаю верстать второй блок, то он не видит первый блок, и получается это(на картинке). Сетку делал сам(В самом низу):



Первый блок


Второй блок:

.row{
        max-width: 71.1875rem;
        margin: 0 auto;
}

.row::after{
        content:"";
        display: block;
        clear: both;
}

.col-1-of-2-not-otst{
        width: calc(100%/2);
        float: left;
}

Подскажите, пожалуйста, как исправить это

Comments

[Ankhena]

когда я начинаю верстать второй блок, то он не видит первый блок

Он его, конечно, видит.
Но первый блок нулевой, раз внутри только абсолюты.

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

[torbach]

Ankhena, первая картинка с точками вылезает из контейнера

[Ankhena]

torbach, ну хорошо, точки это чей-то абсолютный псевдоэлемент, гридом, действительно неудобно. Например, всей секции или обертки мужика с телефоном.

Сделайте песочницу с видимой проблемой на codepen.io

[torbach]

Ankhena, https://codepen.io/Ramov/pen/LYrpLvz

[Ankhena]

torbach, и зачем мужику абсолют?
Мужика и чат можно слить в одно изображение и перестать делать его абсолютом.
Оберните его в figure или в div.
Почему вы считаете точки контентным изображением?
Сделайте псевдоэлемент к этой figure с точками на фоне и вот его абсолютом.

Если мужик и чат должны существовать отдельно, то расположите их гридом.

[Noder SS]

Меня больше интересует, почему у чела жена и девушка

[torbach]

Ankhena, Спасибо большое!