Masonry in materializecss
<p>I would like to know if there is any way to have materializecss cards in a masonry-like display. I would like to avoid plugins like masonry, or having to compile sass, because this will be used on an aurelia application, and the configuration of external libraries and such pains me dearly.</p>

<p>The closest thing I have come across is this: <a href="http://codepen.io/mike-north/pen/MwVoYp?editors=1100" rel="nofollow">http://codepen.io/mike-north/pen/MwVoYp?editors=1100</a>, which does so through:</p>

<pre><code>.cards-container {
  column-break-inside: avoid;
  .card {
    display: inline-block;
    overflow: visible;
  }
}
</code></pre>

<p>Alas, I have been unable to get it to work using a sass to css compiler. The problem is the card reveals are broken, <a href="http://i.stack.imgur.com/Kajza.png" rel="nofollow">such as can be seen in this picture</a>. Other methods I have tried result in the same: broken cards. Any help will be appreciated.</p>