Update style.css

style.css

@@ -23,6 +23,19 @@
 }
 
 
+
+.search-input {
+    background-color: #374151;
+    border: 2px solid #3d3d3d;
+    border-radius: 40px;
+    font-size: 1.1rem;
+    color: #ffffff;
+    width: 60%;
+    margin: 0 auto;
+    transition: all 0.3s ease;
+}
+
+
 .search-input {
     background-color: #374151 !important;
     border: 2px solid #3d3d3d !important;
@@ -39,6 +52,9 @@
     .search-input {
         width: 90% !important; /* 100% width on smartphones */
     }
+    .gallery {
+        height: 400px;
+    }
 }
 
 
@@ -48,7 +64,6 @@
     margin-top: 2rem;
     background-color: #2d2d2d;
     border-radius: 12px;
-    /* padding: 1rem; */
 }
 
 
@@ -65,20 +80,4 @@
     color: #6366f1;
     text-decoration: none;
     transition: color 0.3s ease;
-}
-
-/* .footer a:hover {
-    color: #818cf8;
-} */
-/* 
-@media (max-width: 767px) {
-    .gallery {
-        grid-template-columns: repeat(3, 1fr) !important;
-    }
-}
-
-@media (min-width: 768px) {
-    .gallery {
-        grid-template-columns: repeat(5, 1fr) !important;
-    }
-} */
+}