diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 340cfd0..92f958d 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -36,7 +36,7 @@ const { Content } = await render(post);
   description={post.data.description}
   image={`/blog/${post.id}.png`}
 >
-  <article class="w-full max-w-2xl lg:max-w-3xl flex flex-col gap-8">
+  <article class="w-full max-w-2xl md:max-w-3xl lg:max-w-4xl xl:max-w-5xl flex flex-col gap-8">
     <header class="flex flex-col gap-4">
       <BackLink href="/blog" label="back to blog" />
       <h1 class="text-3xl font-bold">{post.data.title}</h1>
diff --git a/src/styles/global.css b/src/styles/global.css
index f6155b8..c28146e 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -32,7 +32,7 @@
       content: none;
     }
 
-    @apply md:max-w-[70ch] max-w-[80vw] mx-auto;
+    @apply max-w-[80vw] md:max-w-[75ch] lg:max-w-[85ch] mx-auto;
   }
 }