refactor: change columns size

Essa-Media · Sep 11, 2024 · 1aee6b3 · 1aee6b3
1 parent 150d71c
commit 1aee6b3
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -22,7 +22,7 @@ header {
   place-content: center;
 }
 .gallery {
-  columns: 300px;
+  columns: 3;
   min-height: 100vh;
   padding: 2rem;
   & .media__container {
@@ -69,13 +69,19 @@ header {
       -o-transition: 400ms cubic-bezier(0, 2, 1, 1);
     }
   }
+
+  @media (width <= 1100px){
+    /* & {
+      columns: 3;
+    } */
+    & .media__container {
+      border-radius: 10px;
+    }
+  }
   @media (width <= 700px) {
     & {
       columns: 2;
     }
-    & .media__container {
-      border-radius: 10px;
-    }
   }
 }
 .media__modal {