From fef655d10bc4bbe2f77171f6e6ae3be132585d68 Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Wed, 27 May 2026 15:01:19 -0300
Subject: [PATCH] grid

---
 css/components/islandora_mods.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index cb21aea..ca4a473 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -58,6 +58,32 @@
     }
   }
 }
+.collection-view .view-content,
+.view-grid > .view-content {
+  display: grid;
+  grid-template-columns: 1fr; /* mobile: single column */
+}
+
+@media (min-width: 600px) {
+  .collection-view .view-content,
+  .view-grid > .view-content {
+    grid-template-columns: repeat(2, 1fr); /* tablet portrait: 2 across */
+  }
+}
+
+@media (min-width: 900px) {
+  .collection-view .view-content,
+  .view-grid > .view-content {
+    grid-template-columns: repeat(3, 1fr); /* tablet landscape: 3 across */
+  }
+}
+
+@media (min-width: 1200px) {
+  .collection-view .view-content,
+  .view-grid > .view-content {
+    grid-template-columns: repeat(4, 1fr); /* desktop: 4 across */
+  }
+}
 #toggle-facets {
   background-color: #574938;
 }