gallery - responsive design adjustments

schoad · Jan 16, 2025 · 9d72b7e · 9d72b7e
1 parent 0e529bb
commit 9d72b7e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 15 deletions.
diff --git a/gallery.css b/gallery.css
@@ -63,7 +63,7 @@ input:checked + .slider:before {
 .nft-gallery {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
+    gap: 10px;
     overflow-y: auto;
     padding: 20px;
     margin-top: 20px;  /* Change from 84px to match button spacing */

diff --git a/styles.css b/styles.css
@@ -183,19 +183,6 @@ button:hover {
     margin-top: 84px;
 }
 
-/* Responsive adjustments */
-@media (max-width: 600px) {
-    .auction-time, .header-bar {
-        width: calc(100% - 24px);
-        padding: 8px 12px;
-    }
-
-    .gallery-btn, .back-btn {
-        padding: 8px 16px;
-        height: 36px;
-    }
-}
-
 @media (max-width: 600px) {
     .container, .gallery {
         padding: 5px;
@@ -205,8 +192,9 @@ button:hover {
         font-size: 10px;
     }
     .auction-time, .header-bar {
+        width: calc(100% - 24px);
+        padding: 8px 12px;
         font-size: 1em;
-        height: 30px; /* Smaller height for mobile */
     }
     button {
         font-size: 0.8em;