From a58b95e7e8f57a05bf0c9284f28080cdc6fd2509 Mon Sep 17 00:00:00 2001
From: jc <46619361+juancwu@users.noreply.github.com>
Date: Wed, 25 Oct 2023 13:19:31 -0400
Subject: [PATCH] fix overflow cause by oversized section titles

---
 public/views/index.html | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/public/views/index.html b/public/views/index.html
index acf4fc8..4d297ea 100644
--- a/public/views/index.html
+++ b/public/views/index.html
@@ -164,7 +164,7 @@
                     </button>
                     <nav
                         id="mobileNav"
-                        class="fixed bottom-0 left-0 right-0 top-0 z-50 translate-x-full bg-zinc-800 px-8 transition-transform"
+                        class="fixed bottom-0 left-0 right-0 top-0 z-50 translate-x-full bg-zinc-950 px-8 transition-transform"
                     >
                         <div class="h-8" aria-hidden="true"></div>
                         <div class="flex items-center justify-end">
@@ -314,10 +314,10 @@
             <div class="relative flex items-center justify-center pt-8">
                 <div>
                     <h1
-                        class="flex flex-col gap-2 p-8 text-5xl font-bold uppercase"
+                        class="flex flex-col gap-2 p-8 text-3xl font-bold uppercase md:text-5xl"
                     >
                         <span
-                            class="relative text-2xl font-medium text-zinc-300"
+                            class="relative text-xl font-medium text-zinc-300 md:text-2xl"
                             >Welcome to</span
                         >
                         <span
@@ -342,10 +342,10 @@
             <div class="relative flex items-center justify-center pt-8">
                 <div>
                     <h1
-                        class="flex flex-col gap-2 p-8 text-5xl font-bold uppercase"
+                        class="flex flex-col gap-2 p-8 text-3xl font-bold uppercase md:text-5xl"
                     >
                         <span
-                            class="relative text-2xl font-medium text-zinc-300"
+                            class="relative text-xl font-medium text-zinc-300 md:text-2xl"
                             >Welcome to</span
                         >
                         <span
@@ -360,13 +360,5 @@
             </div>
         </section>
         <div class="h-64" aria-hidden="true"></div>
-        <footer
-            class="relative z-0 border-t border-white/25 px-16 py-12 after:absolute after:inset-0 after:-z-10 after:bg-gradient-to-r after:from-purple-400 after:to-blue-900 after:opacity-10"
-        >
-            <div class="flex flex-col items-start justify-center gap-2">
-                <p>Made With Luv</p>
-                <p>Juan</p>
-            </div>
-        </footer>
     </body>
 </html>