iew" /></p>

<p>For a two column view on small screens, apply the block modfier <code>.b-cardgrid--s2col</code>. Where <code>s</code> = small and <code>2col</code> = two columns.</p>

<p>The code below will display a two column card grid on small screens and a four column grid on large screens.</p>

<pre><code class="html">&lt;section class="u-block u-block--grey"&gt;
    &lt;h2&gt;Base example&lt;/h2&gt;
    &lt;div class="b-cardgrid b-cardgrid--s2col u-grid u-grid--4"&gt;
        {%include "card/data/card