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

Question

[aspirin37]

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

Ссылка на пример:
https://aspirin37.github.io/mishka-pages/

Ссылка на репозиторий с макетами/исходниками:
https://github.com/aspirin37/mishka-pages/

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

Набросок задачи в песочнице:
https://codepen.io/aspirin37/pen/PjvLbJ

Comments

[RaulDuke]

Странная история с этим абсолютным позиционированием. Я тоже пытаюсь его избегать, но даже если меня припрут с ножом к стене я не смогу сказать, почему абс. позиционирование это плохо.

[aspirin37]

RaulDuke: Если использовать его не там, где надо, то буду проблемы с переполнением - в случае чего, сетка развалится моментально. Ну и редактировать сложновато будет человеку, который с кодом незнаком

[Максим Тимофеев]

Вам по всему сайту надо описать как по другому или может быть код на https://jsfiddle.net кинете? Или хотя бы скрин, что конкретно имеете в виду. Как-то нет особо есть желание весь Ваш html перелопатить, что бы понять что там абсолютно позиционировано и что Вы хотите сделать иначе.
И судя по обилию ответов желания нет не только у меня

[aspirin37]

Максим Тимофеев: да там любой крупный блок можно взять, в принципе - блок с картой, с отзывами, в шапке, товар недели. Везде сетка висит на абсолютном позиционировании, так что код долго копать не нужно. Макеты в репозитории. Набросок в песочнице закинул.

[Ankhena]

но еще и порядок в потоке

За порядок в потоке отвечает свойство order. Родитель должен иметь display:flex.