Vertically condense layout on mobile homepage

Author: stelcodes

src/components/BlockHeader.astro

@@ -1,5 +1,5 @@
 <h1
-  class="text-accent text-2xl pb-3 pl-1 mb-2 mt-7 font-semibold border-b-4 border-double border-accent/30"
+  class="text-accent text-2xl pb-3 pl-1 mb-2 mt-4 md:mt-7 font-semibold border-b-4 border-double border-accent/30"
 >
   <slot />
 </h1>

src/components/PostPreview.astro

@@ -15,7 +15,7 @@ const { minutesRead } = remarkPluginFrontmatter
 const description = remarkPluginFrontmatter.description || post.data.description
 ---
 
-<article class="w-full py-5 my-4 border-accent/10">
+<article class="w-full py-5 my-1 md:my-4 border-accent/10">
   <h1 class="mb-3 text-2xl text-[var(--theme-h1)] font-semibold">
     <a href={`/posts/${post.id}`}># {post.data.title}</a>
   </h1>