From 22ade2300fae2a8318037eb32ab039742b02f6a7 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 15 Sep 2024 15:13:08 +0500
Subject: [PATCH] align photo section with social media section in links

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

diff --git a/index.html b/index.html
index b9eca19..43c1db8 100644
--- a/index.html
+++ b/index.html
@@ -86,8 +86,8 @@
         <div class="flex items-start justify-center gap-8">
             <!-- Photo Links -->
             <div class="flex flex-col w-[416px] gap-4">
-                <div class="relative w-[416px] aspect-[342/288] flex justify-end items-end">
-                    <img class="absolute inset-0 w-[416px] aspect-[342/288] object-cover -z-10" alt="" src="./static/assets/photos_section_image.png"/>
+                <div class="relative w-[416px] h-[376px] flex justify-end items-end">
+                    <img class="absolute inset-0 w-[416px] h-[376px] object-cover -z-10" alt="" src="./static/assets/photos_section_image.png"/>
                     <p class="font-bold text-[40px] leading-[1] p-[8px]">PHOTOS</p>
                 </div>
                 <div class="flex gap-4">
diff --git a/static/tailwind.css b/static/tailwind.css
index d148b34..910e6df 100644
--- a/static/tailwind.css
+++ b/static/tailwind.css
@@ -689,6 +689,10 @@ video {
   aspect-ratio: 342/288;
 }
 
+.aspect-\[1\/1\] {
+  aspect-ratio: 1/1;
+}
+
 .h-\[37px\] {
   height: 37px;
 }
@@ -757,6 +761,10 @@ video {
   height: 416px;
 }
 
+.h-\[376px\] {
+  height: 376px;
+}
+
 .max-h-\[40vh\] {
   max-height: 40vh;
 }