From 11a948bd243d49194251f14bda0c069d03c381d4 Mon Sep 17 00:00:00 2001
From: cirroskais <cirroskais@madhouselabs.net>
Date: Sun, 21 Apr 2024 08:15:16 -0400
Subject: [PATCH] better mobile support for blog posts

---
 src/routes/blog/[slug]/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index 6825d76..b28fac6 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -18,8 +18,8 @@
 	});
 </script>
 
-<div class="flex flex-col space-y-2 md:w-[65ch] mx-auto">
-	<div class="mx-auto w-full">
+<div class="flex flex-col mx-auto space-y-2">
+	<div class="mx-auto w-full max-w-[65ch]">
 		<div
 			class="h-[10rem] w-full rounded-lg aspect-video bg-gray-500/10"
 			style="background-image: url({thisPost?.image});   
@@ -36,7 +36,7 @@
 		</div>
 	</div>
 
-	<span class="h-0.5 rounded-full bg-cirro"></span>
+	<div class="h-1 rounded-full bg-cirro mx-auto w-full max-w-[65ch]"></div>
 
 	{#key markdown}
 		<article in:fade class="mx-auto prose prose-sm sm:prose-base prose-invert">