fix link

src/components/BlogPost.astro

@@ -41,7 +41,7 @@ const next = blog[index + 1]
 			)
 		}
 	</article>
-	{standalone ? "" : <span class={styles.more}>Read More</span>}
+	{standalone ? "" : <a href=`/blog/${postEntry.slug}` class={styles.more}>Read More</span>}
 	{
 		standalone ? (
 			<section class={styles.links}>

src/pages/blog/[...category]/index.astro

@@ -72,14 +72,7 @@ const { filteredPosts, categoryProperties } = Astro.props
 			</article>
 			{
 				filteredPosts.map((post: Post) => (
-					<a
+					<BlogPost post={post} standalone={false} />
-						class={styles.link}
-						href={`/blog/${post.slug}`}
-						data-title={post.data.title}
-						data-category={post.data.category}
-					>
-						<BlogPost post={post} standalone={false} />
-					</a>
 				))
 			}
 		</div>

src/styles/BlogPost.module.css

@@ -10,6 +10,7 @@
 }
 
 .more {
+	color: white;
 	margin-top: 1.5rem;
 	padding: 1rem;
 	border: 2px solid var(--primary);