From 1aee6b3d3dc3a3320c5a305948842129b151d3a3 Mon Sep 17 00:00:00 2001
From: mraihanaf <mraihanaf0@gmail.com>
Date: Thu, 12 Sep 2024 05:02:29 +0700
Subject: [PATCH] refactor: change columns size

---
 style.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 3d87af1..d824b1d 100644
--- 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 {