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

Question

[LolExtasy]

Здравствуйте, как правильнее расположить блоки в этой секции? Приходит на ум абсолютное позиционирование, а вот правильно так или нет? Если абсолютное, то как тогда правильно расположить, чтоб адаптировались более менее на мобилках.

Comments

[WapSter]

Как и всегда, абсолютное позиционирование + медиа запросы, чтобы отменить позиционирование

[Ankhena]

На мобилках перестраивать в обычный столбик или два.
На десктопах абсолютом. Положение удобнее считать от центра, типа left: calc(50% - 22px) Возможно, понадобится transform, если ширина блочиков не фиксирована.

[LolExtasy]

Ankhena, Простите, а не могли бы вы объяснить почему нужно transform использовать, если ширина блоков не фиксирована.

[Ankhena]

LolExtasy, потому что % в абсолюте считаются от ширины родителя, а у трансформа от ширины самого элемента.

Answer 1

[lUser L]

Можно разбить на секции и флексами и маргином расставить как нужно