From a67f4b47cf9d6f9f4a7c0b09c205250eb89688fc Mon Sep 17 00:00:00 2001
From: daviddgtnt <david@daviddgtnt.xyz>
Date: Thu, 23 Jan 2025 15:37:07 -0600
Subject: [PATCH] Limit width of text on larger screens

---
 _layouts/default.html  | 2 +-
 _layouts/home.html     | 2 +-
 _layouts/noindent.html | 2 +-
 _layouts/post.html     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index f9f88de..0f19cd5 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -16,7 +16,7 @@
       </ul>
     </header>
     <div class="flex p-16"></div>
-    <main class="min-h-[83.333333%]">
+    <main class="min-h-[83.333333%] max-w-5xl m-auto">
       <h1 class="text-center font-mplus2 text-4xl p-5">{{page.title}}</h1>
       <article class="mx-10 mb-10 text-black font-baskerville *:my-3 *:indent-8">
         {{content}}
diff --git a/_layouts/home.html b/_layouts/home.html
index 1dc9628..b802e99 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -19,7 +19,7 @@
       <h1 class="text-5xl text-white font-bevan p-10">Africa's greatest missionary</h1>
       <h2 class="text-xl text-white font-baskerville"></h2>
     </div>
-    <main class="min-h-[83.333333%]">
+    <main class="min-h-[83.333333%] max-w-5xl m-auto">
       <article class="m-10 text-black font-baskerville *:my-3 *:indent-8">
         {{content}}
       </article>
diff --git a/_layouts/noindent.html b/_layouts/noindent.html
index 4725e64..f8452a2 100644
--- a/_layouts/noindent.html
+++ b/_layouts/noindent.html
@@ -16,7 +16,7 @@
       </ul>
     </header>
     <div class="flex p-16"></div>
-    <main class="min-h-[83.333333%]">
+    <main class="min-h-[83.333333%] max-w-5xl m-auto">
       <h1 class="text-center font-mplus2 text-4xl p-5">{{page.title}}</h1>
       <article class="mx-10 mb-10 text-black font-baskerville *:my-3">
         {{content}}
diff --git a/_layouts/post.html b/_layouts/post.html
index 8e75580..e81771d 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -16,7 +16,7 @@
       </ul>
     </header>
     <div class="flex p-16"></div>
-    <main class="inline-block min-h-[83.333333%]">
+    <main class="min-h-[83.333333%] max-w-5xl m-auto">
       <h1 class="text-center font-mplus2 text-4xl p-5">{{page.title}}</h1>
       <h3 class="text-center font-baskerville text-xl p-5">By {{page.author}}</h3>
       <article class="mx-10 mb-10 text-black font-baskerville *:my-3 *:indent-8">