Как при уменьшении экрана поместить элемент в другое место?

Question

[kamisarlapsha]

Привет! У меня в обычной версии блок с корзиной <div class="header-section--cart"> стоит в первом блоке <div class="header-section"> в хедере. В мобильной версии у меня появляется второй контейнер <div class="header-section-mobile">. И сама задача в том, чтобы при уменьшении экрана, когда ширина становилась 992px, блок перемещался в другой контейнер.
Думаю на счет js, но если использовать resize, то при увеличении экрана он не вернется обратно, на старое место.
Вот так в обычной версии

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

Заранее спасибо!

Answer 1

[Антон]

Сделайте другой блок в своем контейнере, скрывайте его на десктопах, но показывайте в мобиле. Делов то, зачем что-то копировать?

Answer 2

[MFNIK]

.yourclass {
display: block; /*или что там*/
}
media screen (max-width: 992px) {
.yourclass {
display: none;
}
}

Answer 3

[Олег Андрианов]

Вот здесь показывается как это сделать
https://youtu.be/QKuMr575vlQ