style gallery for responcive design

DesislavaNaydenova · Jan 14, 2024 · 6d16990 · 6d16990
1 parent ed6ce39
commit 6d16990
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -332,4 +332,16 @@ footer {
         text-align: center;
         padding: 0 20%;
     }
+
+    #photos {
+        column-count: 3;
+    }
+}
+
+/*for larger to medum screens size from 800px and down*/
+@media screen and (max-width: 800px) {
+
+    #photos {
+        column-count: 2;
+    }
 }