From 7667105bc70b37d9bac26e60f902bbf3928ded4d Mon Sep 17 00:00:00 2001
From: Lars <pinguinlars1105@gmail.com>
Date: Tue, 24 Jun 2025 13:09:59 +0200
Subject: [PATCH] I think the mobile issue is fixed (just gave it alot of
 margin lol)

---
 src/pages/gallery.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/gallery.jsx b/src/pages/gallery.jsx
index 0c4c994..cae3dee 100644
--- a/src/pages/gallery.jsx
+++ b/src/pages/gallery.jsx
@@ -50,7 +50,7 @@ const Gallery = () => {
         />
       </Head>
 
-      <div className="p-4 backdrop-blur-md bg-gray-800/50 rounded-lg mt-4">
+      <div className="p-4 backdrop-blur-md bg-gray-800/50 rounded-lg mt-[500px] md:mt-4">
         <h1 className="text-2xl font-bold mb-2 text-center text-[#FFC0CB]">Gallery</h1>
         <p className="text-center text-gray-300 mb-4">All of my stupid pics to show :3</p>
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
@@ -79,7 +79,7 @@ const Gallery = () => {
         </div>
 
         {selectedImage && (
-          <div 
+          <div
             className="fixed inset-0 flex items-center justify-center z-50 backdrop-blur-sm"
             onClick={handleBackdropClick}
           >