From 4f352eb88ad0aa2f4491b96cf3926b65acdb419a Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 15 Sep 2024 22:34:41 +0500
Subject: [PATCH] refactor: fix scroll spacing

---
 index.html          |  4 ++--
 static/tailwind.css | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e71d658..900ff51 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
             </div>
         </div>
     </div>
-    <div class="container py-10 text-white scroll-mt-10" id="section_about">
+    <div class="container py-6 text-white scroll-mt-12" id="section_about">
         <h1 class="mt-16 mb-12 text-6xl font-bold text-center">ABOUT ME</h1>
         <div class="flex flex-col gap-8 text-2xl font-light max-w-[1200px] mx-auto justify-center">
             <p>Hi! I'm Kentai Radiquum 🐾, a tech enthusiast with a passion for software development. I love
@@ -81,7 +81,7 @@
             <p>Feel free to reach out anytime! I will be happy to chat.</p>
         </div>
     </div>
-    <div class="container py-16 text-white scroll-mt-12" id="section_links">
+    <div class="container py-16 text-white scroll-mt-20" id="section_links">
         <h1 class="mb-12 text-6xl font-bold text-center">LINKS</h1>
         <div class="flex flex-wrap gap-8 w-fit">
             <!-- Photo Links -->
diff --git a/static/tailwind.css b/static/tailwind.css
index d8a3f31..597d4cc 100644
--- a/static/tailwind.css
+++ b/static/tailwind.css
@@ -826,6 +826,14 @@ video {
   scroll-margin-top: 2.5rem;
 }
 
+.scroll-mt-6 {
+  scroll-margin-top: 1.5rem;
+}
+
+.scroll-mt-20 {
+  scroll-margin-top: 5rem;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -1013,6 +1021,11 @@ video {
   padding-bottom: 2.5rem;
 }
 
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
 .pb-2 {
   padding-bottom: 0.5rem;
 }