style updates

Author: maxphillipsdev

src/content/blog/gatsby-image-blur.mdx

@@ -1,5 +1,6 @@
 ---
 title: "(Guide) Medium Style Image Blur-Up Loading with Gatsby-Image"
+description: An older article on progressive image enhancement.
 pubDate: "April 2, 2021"
 ---
 

src/pages/blog/index.astro

@@ -25,20 +25,17 @@ const posts = (await getCollection("blog")).sort(
       <!-- Blog post cards -->
       {
         posts.map((post) => (
-          <div class="border-slate-8 bg-slate-2 rounded-lg border p-6 shadow-md">
+          <div class="prose prose-slate border-slate-8 bg-slate-2 flex flex-col justify-between rounded-lg border p-6 shadow-md">
             <h2 class="mb-4 text-xl">
-              <a
-                href={`/blog/${post.slug}/`}
-                class="prose-slate decoration-wavy"
-              >
+              <a href={`/blog/${post.slug}/`} class="no-underline">
                 {post.data.title}
               </a>
             </h2>
-            <p class="text-gray-6 mb-4">
-              <FormattedDate date={post.data.pubDate} />
-            </p>
-            <p class="text-gray-6 mb-4">{post.data.description}</p>
-            <a href={`/blog/${post.slug}/`} class="">
+            <FormattedDate date={post.data.pubDate} />
+            <div class="">
+              <p class="">{post.data.description}</p>
+            </div>
+            <a href={`/blog/${post.slug}/`} class="decoration-wavy">
               Read more &rarr;
             </a>
           </div>