Responsive Grid

[slinky-bass]

Hello again!

Thank you so much for your quick reply to my previous question. I am making good progress with my grid, but have come up against something I'm hoping you can help clarify.

I'm looking at grid responsiveness and dynamic columns. I've found that dynamically updating the cols value is not enough to achieve responsiveness as the x and y values of the item stay the same based on the original amount of grid cols. I've got a solution now that keeps track of the current breakpoint and recalculates x and y with the correct amount of columns for that breakpoint for the default items.

Where it's really starting to get complicated, is the x and y values for items saved in local storage. Because the order in the item array never changes, only their individual x and y values as they are dragged, it makes it almost impossible to easily recalculate these values if the column value changes.

Is there something that I'm missing that makes this easier? I know in the original repo, you can provide both a width and the amount of cols that corresponds to thecols prop.