Limit collection rendering to 3 max in grids

cloudflare · Jan 8, 2025 · f6550ad · f6550ad
1 parent eef7a29
commit f6550ad
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/styles/collection.css b/app/styles/collection.css
@@ -20,19 +20,19 @@
 
 @media (max-width: 2400px) {
   .Collection {
-    --columns: 6
+    --columns: 3
   }
 }
 
 @media (max-width: 2100px) {
   .Collection {
-    --columns: 5
+    --columns: 3
   }
 }
 
 @media (max-width: 1800px) {
   .Collection {
-    --columns: 4
+    --columns: 3
   }
 }
 
@@ -156,4 +156,4 @@
   .Collection-is-centered .Collection--title {
     font-size: 1.4em;
   }
-}
+}