Как правильно верстать такие блоки?

Question

[азаза]

Как правильно верстать такие блоки ?
довольно часто дизайнеры рисуют макеты лендингов с такими блоками
на ум приходит только абсолютное позиционирование
кто как верстает такое?

Comments

[Rustam Bainazarov]

Grid, position: absolute или пытаться уместить на тех же flex'ах.

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/ZZmgdZ на адаптивность не проверял , так как нету макета

Answer 2

[NaN]

Ну тут можно разделить на компоненты. Текст, картинка, цифра и два круга. Сверстать их. Было бы удобно флекcами. Скорее всего только цирфу в круже абсолютом.

Классы модификаторы - для разного расположения текста относительно картинки и тд.

Потом эти компоненты относительно центрального круга, не факт что абсолютом, но вполне возможно

Answer 3

[Виталий Кузнецов]

верстать абсолютом и не париться) можно на гридах теплейтами…