<h2 class="text-blue-950 font-semibold text-2xl m-5 md:text-4xl">Showcase</h2>

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