Как правильно динамически переносить объекты в html при адаптиве?

Question

[Kardamon90]

В дизайне адаптива сайта отрисован переезд элементов счетчика и цены под блок товара: Реализовал это с помощью динамического адаптива, взятого отсюда: https://github.com/FreelancerLifeStyle/dynamic_adapt. Счётчик и цена перезжают в нижний блок, а сам товар в верхний Работает отлично но только в случае одиночного переноса: Но при добавлени еще товаров все элементы, которым был задан параметр переноса, переносятся в самый первый блок айтема корзины, а все нижние остаются пустыми. Может кто сталкивался с таким, подскажите как можно исправить, или подскажите иной способ как лучше это реализовать

Comments

[Froggyweb]

пересмотрел уроков :)
перенос элементов не нужен да и переносить их некуда. Блок то один.
решение зависит как реализована строка либо flex либо grid

[Kardamon90]

Froggyweb, flex

Answer 1

[AlexGlinskiy]

Это вопрос по CSS и HTML, JavaScript тут не причем. Нужно в стилях через медиа запросы изменить свойства блока

Answer 2

[Глюкъ Виртуален]

Лучше всего — сверстай всю корзину на flex.
https://html5.by/blog/flexbox/