From 9f9bb7dcd887e02e05882ffc09e10f58420f0f95 Mon Sep 17 00:00:00 2001
From: Served Smart <195884188+servedsmart@users.noreply.github.com>
Date: Mon, 30 Jun 2025 00:00:51 +0200
Subject: [PATCH] :lipstick: Style: Fix overflow on some home layouts

Fixed width elements were overflowing previously on:
background, hero and profile.

This addresses https://github.com/nunocoracao/blowfish/issues/2292

Currently the section element expands more than it used to
on larger screens, I will try to fix this.
---
 layouts/partials/home/background.html | 3 ++-
 layouts/partials/home/hero.html       | 3 ++-
 layouts/partials/home/profile.html    | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
index c0748b43..b708c1c1 100644
--- a/layouts/partials/home/background.html
+++ b/layouts/partials/home/background.html
@@ -79,7 +79,8 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose dark:prose-invert">{{ .Content }}</section>
+          <!-- FIXME: This lets section expand too much on larger screens-->
+          <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>
diff --git a/layouts/partials/home/hero.html b/layouts/partials/home/hero.html
index 9c758064..c3a2d807 100644
--- a/layouts/partials/home/hero.html
+++ b/layouts/partials/home/hero.html
@@ -105,7 +105,8 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose prose-invert">{{ .Content }}</section>
+          <!-- FIXME: This lets section expand too much on larger screens-->
+          <section class="prose prose-invert max-w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>
diff --git a/layouts/partials/home/profile.html b/layouts/partials/home/profile.html
index e12ba8fd..06e8a9d6 100644
--- a/layouts/partials/home/profile.html
+++ b/layouts/partials/home/profile.html
@@ -35,7 +35,8 @@
       {{ partialCached "author-links.html" . }}
     </div>
   </header>
-  <section class="prose dark:prose-invert">{{ .Content }}</section>
+  <!-- FIXME: This lets section expand too much on larger screens-->
+  <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}