title: jQuery Masonry / Isotope and fluid images: Momentary overlap on window resize
body: <p>I've noticed that when using jQuery Isotope or Masonry with a fluid / responsive website, the elements overlap momentarily whilst the browser window is being resized. Please see the images below, which are screenshots from <a href="http://osvaldas.info/examples/responsive-jquery-masonry-or-pinterest-style-layout/" rel="nofollow noreferrer">this</a> demo. You can also see this happening on the Isotope <a href="http://isotope.metafizzy.co/demos/fluid-responsive.html" rel="nofollow noreferrer">website</a>. </p>
  
  <p>Is there anything that can be done to avoid this overlapping?</p>
  
  <p><img src="https://i.stack.imgur.com/bz1v9.jpg" alt="Before resizing the browser window: a nicely spaced grid of images"></p>
  
  <p><img src="https://i.stack.imgur.com/bXuh6.jpg" alt="During resizing: overlapping!"></p>
  
  <p><img src="https://i.stack.imgur.com/w2Gxe.jpg" alt="After resizing: back to the nice grid."></p>