How to deal with responsiveness in Masonry JS?

Question

css

There is a grid grid, here is an example .

There are square blocks and rectangular horizontal ones. I'm trying to make sure that the boxes don't collapse down until the rectangular horizontal boxes are 300px wide.

The problem is that the plugin starts dropping blocks at the moment when the square blocks reach the minimum width and the rectangular ones simply do not have time to shrink. I have done this in an example .