Minimal design details

src/components/blog/GridItem.astro

@@ -30,19 +30,19 @@ const image = await findImage(post.image);
 			)
 		}
 	</div>
-	<h3 class="mb-2 text-xl font-bold leading-snug sm:text-2xl font-heading">
+	<h3 class="mb-2 text-xl font-bold leading-tight sm:text-2xl font-heading">
 		{
 			BLOG?.post?.disabled ? (
 				post.title
 			) : (
 				<a
 					href={getPermalink(post.slug, 'post')}
-					class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200"
+					class="hover:text-primary-600 transition ease-in duration-200"
 				>
 					{post.title}
 				</a>
 			)
 		}
 	</h3>
-	<p class="text-gray-700 dark:text-gray-400">{post.excerpt || post.description}</p>
+	<p class="text-gray-500 dark:text-slate-400 text-lg">{post.excerpt || post.description}</p>
 </article>