diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
index 10c2354..bf09fc9 100644
--- a/src/components/BlogPost.astro
+++ b/src/components/BlogPost.astro
@@ -1,9 +1,12 @@
 ---
-const { title, url, pubDate, renderPromise } = Astro.props
+const { title, url, pubDate, description, renderPromise } = Astro.props
 const { remarkPluginFrontmatter } = await renderPromise
 ---
 
 <li>
 	<a href={url}>{title}</a> <br />
-	Approximately {remarkPluginFrontmatter.minutesRead}, published {pubDate.toISOString().slice(0,10)}
+	<span>
+		{description} <br />
+		Approximately {remarkPluginFrontmatter.minutesRead}, published {pubDate.toISOString().slice(0,10)}
+	</span>
 </li>
\ No newline at end of file
diff --git a/src/content/config.ts b/src/content/config.ts
index 6142628..f892fa4 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -6,8 +6,7 @@ const blogCollection = defineCollection({
 		title: z.string(),
 		pubDate: z.date(),
 		description: z.string(),
-		author: z.string(),
-		minutesRead: z.string().optional()
+		author: z.string()
 	})
 })
 
diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
index e65c6c5..1586e8d 100644
--- a/src/layouts/MarkdownPostLayout.astro
+++ b/src/layouts/MarkdownPostLayout.astro
@@ -5,9 +5,12 @@ const { frontmatter, remarkPluginFrontmatter } = Astro.props
 <Layout title={frontmatter.title}>
 	<main class="m-auto p-6 max-w-6xl text-left">
 		<h1>{frontmatter.title}</h1>
-		<p>Written by {frontmatter.author}</p>
-		<p>Published on {frontmatter.pubDate.toISOString().slice(0,10)}</p>
-		<p>Approximately {remarkPluginFrontmatter.minutesRead}</p>
-		<slot />
+		<span class="text-sm">
+			Written by {frontmatter.author}, Published on {frontmatter.pubDate.toISOString().slice(0,10)} <br />
+			Approximately {remarkPluginFrontmatter.minutesRead} <br />
+		</span>
+		<span class="text-xl">
+			<slot />
+		</span>
 	</main>
 </Layout>
\ No newline at end of file
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index a26eb2e..19f1b1d 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -9,7 +9,7 @@ const pageTitle = "bitbloxhub's blog"
 	<main class="m-auto p-6 max-w-6xl text-left">
 		<h1>bitbloxhub's blog!</h1>
 		<ul class="text-base">
-			{allPosts.map((post) => <BlogPost url={`/posts/${post.slug}/`} title={post.data.title} pubDate={post.data.pubDate} renderPromise={post.render()} />)}
+			{allPosts.map((post) => <BlogPost url={`/posts/${post.slug}/`} description={post.data.description} title={post.data.title} pubDate={post.data.pubDate} renderPromise={post.render()} />)}
 		</ul> 
 	</main>
 </Layout>
\ No newline at end of file