From 7ba444cb21acdfca90615673b77021d48197e105 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Mon, 16 Sep 2024 11:29:33 +0500
Subject: [PATCH] refactor: links header spacing

---
 index.html          |  6 +++---
 static/tailwind.css | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index a4fe4f7..aa0baf4 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
             </div>
         </div>
     </div>
-    <div class="container h-screen py-6 text-white scroll-mt-12" id="section_about">
+    <div class="container min-h-screen 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-wrap gap-8 w-fit">
             <div class="flex flex-col w-[416px]">
@@ -121,8 +121,8 @@
             </div>
         </div>
     </div>
-    <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="container min-h-screen py-6 text-white scroll-mt-12" id="section_links">
+        <h1 class="mt-16 mb-12 text-6xl font-bold text-center">LINKS</h1>
         <div class="flex flex-wrap gap-8 w-fit">
             <!-- Photo Links -->
             <div class="flex flex-col w-[416px] gap-4">
diff --git a/static/tailwind.css b/static/tailwind.css
index 5610b78..fc18b06 100644
--- a/static/tailwind.css
+++ b/static/tailwind.css
@@ -732,6 +732,10 @@ video {
   min-height: 196px;
 }
 
+.min-h-screen {
+  min-height: 100vh;
+}
+
 .w-10 {
   width: 2.5rem;
 }
@@ -1080,6 +1084,18 @@ video {
   padding-right: 0.5rem;
 }
 
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
+
+.pt-12 {
+  padding-top: 3rem;
+}
+
+.pt-24 {
+  padding-top: 6rem;
+}
+
 .text-center {
   text-align: center;
 }