How can I change my Javasscript logic based on breakpoints and element sizes?

If I did that, I’d probably have to post ALL the code!

It isn’t one place in code where I’m stuck, I guess it’s the philosophy and logic of it all.

The gridster.js isn’t really how my grid works.

The bottom line is that JS controls the tiles based on absolute X,Y values, but these are wildly thrown off if the tiles are resized via media queries. I’m trying to find a way to update and refresh the board based on new calcs, without resetting the board either!

I’m sure I’ll come up with something!