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

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

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