<h2 class="text-blue-950 font-bold text-2xl m-5 md:text-4xl"><a href="/showcase" class="text-blue-950 no-underline">Showcase</a></h2>

<ul class="mx-6 grid grid-flow-row gap-6 md:grid-cols-2 md:grid-rows-[masonry] md:justify-stretch md:items-stretch xl:grid-cols-3">
 {% for project in featured_projects %}
  <li>
    {% include "components/project_preview_card.html" %}
  </li>
 {% endfor %}
</ul>

<section class="text-center my-3 md:text-lg">
 <a href="/showcase">check out more projects</a> 
</section>
