Merge pull request #2293 from servedsmart/fix-issue-2292

💄 Style: Fix overflow on some home layouts

layouts/partials/home/background.html

@@ -79,7 +79,7 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose dark:prose-invert">{{ .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,7 +105,7 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose prose-invert">{{ .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,7 +35,7 @@
       {{ partialCached "author-links.html" . }}
     </div>
   </header>
-  <section class="prose dark:prose-invert">{{ .Content }}</section>
+  <section class="prose dark:prose-invert w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}