Как реализовать систему сетки с функцией перетаскивания для элементов в сетке? [закрыто] ⇐ CSS

[Anonymous]

Я строю приложение для школьного проекта. На моей целевой странице будет экран, полный виджетов (подумайте о макете iOS). Требования: < /p>

[*] Виджеты расположены в сетке, подобной манере с равным интервалом < /li>
При изменении размера экрана Ширина, размер виджета постоян. Скорее, элементы сетки переставляются, чтобы соответствовать экрану
Виджеты должны иметь функциональность перетаскивания, так что я могу переставить виджеты (но они все равно должны привязать к сетке)
Местное хранение браузера должно хранить перегруженную позицию, так что при перезагрузке виджеты будут отображаться в соответствии с последней сохраненной позицией < /li>
< /ol>
< P> Как внедрить систему сетки с функцией 1 и 2? Для функциональности перетаскивания я использую dnd-kit.

Подробнее здесь: https://stackoverflow.com/questions/794 ... -in-the-gr