title: Isotope items displaying on top of each other
body: <p>Here is the fiddle:</p>
  
  <p><a href="https://jsfiddle.net/qdhw0o3a/2/" rel="nofollow">https://jsfiddle.net/qdhw0o3a/2/</a></p>
  
  <p>I can't understand why all the items are being displayed on top of each other? Does it have something to do with the settings? I am just using the standard settings (as far as I can tell) which should produce behaviour similar to the website.</p>
  
  <pre><code>$('.grid').isotope({
      itemSelector: '.grid-item',
      layoutMode: 'masonry',
  })
  </code></pre>