Materialize alignment issue with cards
<p>Hey guys I'm using the materialize framework and I added some normal image cards like this.</p>

<p><a href="https://i.stack.imgur.com/Z4vkW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z4vkW.png" alt="screenshot"></a></p>

<pre><code>  &lt;div class="row"&gt;
  &lt;div class="col s12 m6 l3"&gt;
        &lt;div class="card"&gt;
            &lt;div class="card-image"&gt;
                &lt;img src="img/websiteicon.png" alt="websites"&gt;
                &lt;span class="card-title"&gt;title here&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class="card-content"&gt;
                &lt;p&gt;text here&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class="card-action"&gt;
                &lt;a href="diensten.php"&gt;check out possibilities&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
 (4 div cards)
 &lt;/div&gt;
</code></pre>

<p>This only appears at the medium browser size and only at certain widths.</p>

<p>Does anyone know how to fix this? Pretty sure it's not a bug.</p>