💄 Use w-full on all homepage layouts

This fixes https://github.com/nunocoracao/blowfish/issues/2292 and avoids expanding in weird ways on larger screens.

It does make the section a larger on large screens. This however looks reasonable and should actually be an improvement.

For consistency I added w-full to layouts unaffected by https://github.com/nunocoracao/blowfish/issues/2292 too (page, card). Otherwise they look off.

page layout still has a bug where the fixed-width div expands the section too much on larger screens, but this behavior is the same as before. All layouts do not encounter https://github.com/nunocoracao/blowfish/issues/2292.

layouts/partials/home/background.html

@@ -79,8 +79,7 @@
               </div>
             {{ end }}
           </div>
-          <!-- FIXME: This lets section expand too much on larger screens-->
-          <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
+          <section class="prose dark:prose-invert w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>

layouts/partials/home/card.html

@@ -9,7 +9,7 @@
               <h1>{{ . | emojify }}</h1>
             </header>
           {{ end }}
-          <section>{{ .Content }}</section>
+          <section class="w-full">{{ .Content }}</section>
         </article>
       </div>
       <div class="mt-6 sm:mt-16 lg:mt-0 mx-auto max-w-xl px-4 sm:px-6 lg:mx-0 lg:max-w-none lg:py-16 lg:px-0">

layouts/partials/home/hero.html

@@ -105,8 +105,7 @@
               </div>
             {{ end }}
           </div>
-          <!-- FIXME: This lets section expand too much on larger screens-->
-          <section class="prose prose-invert max-w-full">{{ .Content }}</section>
+          <section class="prose prose-invert w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>

layouts/partials/home/page.html

@@ -4,7 +4,7 @@
       <h1>{{ . | emojify }}</h1>
     </header>
   {{ end }}
-  <section>{{ .Content }}</section>
+  <section class="w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}

layouts/partials/home/profile.html

@@ -35,8 +35,7 @@
       {{ partialCached "author-links.html" . }}
     </div>
   </header>
-  <!-- FIXME: This lets section expand too much on larger screens-->
-  <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
+  <section class="prose dark:prose-invert w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}