PostCard: set new size to title and set as h2

byandrev · Aug 17, 2023 · 0f5bba2 · 0f5bba2
1 parent 6b3183f
commit 0f5bba2
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/PostCard.tsx b/src/components/PostCard.tsx
@@ -10,15 +10,17 @@ type PostCardProps = {
 const PostCard: FC<PostCardProps> = ({ post }) => {
   return (
     <article key={post.slug} className="mb-10">
-      <Link
-        as={`/posts/${post.slug}`}
-        href="/posts/[slug]"
-        className="text-lg leading-6 font-bold"
-      >
-        {post.title}
-      </Link>
+      <h2>
+        <Link
+          as={`/posts/${post.slug}`}
+          href="/posts/[slug]"
+          className="text-2xl leading-6 font-bold"
+        >
+          {post.title}
+        </Link>
+      </h2>
       <p>{post.excerpt}</p>
-      <div className="text-gray-400">
+      <div className="text-gray-400 text-sm">
         <time>{post.date && new Date(post.date).toDateString()}</time>
       </div>
     </article>