diff --git a/src/layouts/base-layout.astro b/src/layouts/base-layout.astro
index 8ace1d9..00ea5dd 100644
--- a/src/layouts/base-layout.astro
+++ b/src/layouts/base-layout.astro
@@ -79,7 +79,7 @@ const description =
       href="#main-content">
       Skip to main content
     </a>
-    <header class="max-w-2xl mx-auto my-8">
+    <header class="max-w-3xl mx-auto my-8">
       <nav>
         <ul class="flex items-center gap-4">
           <li>
@@ -104,12 +104,12 @@ const description =
     </header>
     <main
       id="main-content"
-      class="max-w-2xl mx-auto flex flex-col gap-14 items-stretch">
+      class="max-w-3xl mx-auto flex flex-col gap-14 items-stretch">
       <slot />
     </main>
     <footer
       class:list={[
-        "max-w-2xl mx-auto mb-20 border-t border-zinc-500 mt-14 py-2",
+        "max-w-3xl mx-auto mb-20 border-t border-zinc-500 mt-14 py-2",
         "text-zinc-700 flex flex-col gap-4 justify-between",
         "dark:text-inherit md:flex-row",
       ]}>