Responsive design for index and blog listing page

axum_server/templates/sections/showcase.html

@@ -0,0 +1,9 @@
+<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: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>