From 66a706a77cd8ac3110a5a278d3eb49c1bd69df80 Mon Sep 17 00:00:00 2001
From: Capprin Bass <capprin@gmail.com>
Date: Sat, 11 Feb 2023 15:58:35 -0500
Subject: [PATCH] Fixed homepage card spillover on responsive displays

---
 layouts/partials/home/card.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/home/card.html b/layouts/partials/home/card.html
index 7079c7b1..456a3526 100644
--- a/layouts/partials/home/card.html
+++ b/layouts/partials/home/card.html
@@ -12,8 +12,8 @@
                     <section>{{ .Content | emojify }}</section>
                   </article>
             </div>
-            <div class="mt-6 sm:mt-16 lg:mt-0">
-                <div class="-mr-48 pl-4 sm:pl-6 md:-mr-16 lg:relative lg:m-0 lg:h-full lg:px-0">
+            <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">
+                <div class="-mr-48 md:-mr-16 lg:relative lg:m-0 lg:h-full lg:px-0" style="width:100%">
                     {{ $homepageImage := "" }}
                     {{ with .Site.Params.defaultBackgroundImage }}{{ $homepageImage = resources.Get . }}{{ end }}
                     {{ with .Site.Params.homepage.homepageImage }}{{ $homepageImage = resources.Get . }}{{ end }}