From d3ee8b4f340203f5fc98d59794a759601d997dfd Mon Sep 17 00:00:00 2001
From: Daniel <danielcgilibert@gmail.com>
Date: Fri, 18 Aug 2023 07:45:05 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(BlogPost.astro):=20update?=
 =?UTF-8?q?=20flexbox=20properties=20in=20the=20tag=20container=20to=20cen?=
 =?UTF-8?q?ter=20align=20and=20add=20vertical=20gap=20for=20better=20visua?=
 =?UTF-8?q?l=20spacing=20=F0=9F=8E=A8=20style([...slug].astro):=20remove?=
 =?UTF-8?q?=20unnecessary=20class=20and=20adjust=20grid=20column=20sizes?=
 =?UTF-8?q?=20for=20better=20layout=20=F0=9F=8E=A8=20style([...slug].astro?=
 =?UTF-8?q?):=20increase=20font=20size=20of=20prose=20container=20for=20be?=
 =?UTF-8?q?tter=20readability=20on=20larger=20screens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BlogPost.astro     | 2 +-
 src/pages/post/[...slug].astro | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 7de2ab98..3a1ffed4 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -39,7 +39,7 @@ const articleDate = pubDate.toISOString()
 				</h1>
 			</div>
 
-			<div class='flex flex-wrap gap-2 md:gap-5'>
+			<div class='flex flex-wrap justify-center items-center gap-2 gap-y-4 md:gap-5'>
 				{tags.map((tag) => <Tag>{tag}</Tag>)}
 			</div>
 		</header>
diff --git a/src/pages/post/[...slug].astro b/src/pages/post/[...slug].astro
index 83037a7b..9a7f8219 100644
--- a/src/pages/post/[...slug].astro
+++ b/src/pages/post/[...slug].astro
@@ -33,8 +33,7 @@ const { Content, headings, remarkPluginFrontmatter } = await post.render()
 ---
 
 <BlogPost data={post.data} headings={headings} readTime={remarkPluginFrontmatter.minutesRead}>
-	<div
-		class='grid grid-cols-1 px-2 sm:px-12 sm: md:pl-2 md:grid-cols-[20%_auto] gap-16 mt-8 md:pr-12'>
+	<div class='grid grid-cols-1 md:pl-2 md:grid-cols-[20%_auto] gap-16 mt-8'>
 		<!-- aside  -->
 		<aside class='md:flex flex-col gap-8 hidden'>
 			<Share />
@@ -45,7 +44,7 @@ const { Content, headings, remarkPluginFrontmatter } = await post.render()
 
 		<!-- main -->
 		<div class='max-w-full w-full'>
-			<div class='prose dark:prose-invert mb-12 min-w-full'>
+			<div class='prose md:prose-lg dark:prose-invert mb-12 min-w-full'>
 				<Content components={{ pre: Code }} />
 			</div>