Merge pull request #17 from PinguinLars/main

I might have fixed the title issue (I moved it down a bit)

src/pages/gallery.jsx

@@ -50,7 +50,7 @@ const Gallery = () => {
         />
       </Head>
 
-      <div className="p-4 backdrop-blur-md bg-gray-800/50 rounded-lg">
+      <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}
           >