restrain the width on larger screens

layouts/articles/single.html

@@ -20,7 +20,7 @@
         </div>
       </div>
     </article>
-    <aside>
+    <aside class="max-w-screen-xl mx-auto px-4 lg:px-0">
       {{ partial "related-articles" (dict "page" . "tags" .Params.tags "limit" 3) }}
     </aside>
     <div class="text-center my-12"><a href="/">Go Home</a></div>

layouts/index.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-<main class="flex gap-4 lg:gap-16 justify-around mt-8">
+<main class="flex gap-4 lg:gap-16 justify-around mt-8 max-w-screen-xl mx-auto px-4 lg:px-0">
   <ul class="flex flex-col gap-4 w-full">
     {{ partial "article-list.html" (dict "Pages" (where .Site.RegularPages "Section" "articles")) }}
   </ul>