media queries for the grid

css/components/islandora_mods.css

@@ -1,9 +1,4 @@
 /*l'nuey collection stuff*/
-.lva .view-grid > .view-content {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  /* margin: 0.47214rem 0 0.47214rem 2.61803rem; */
-}
 .lva .grid-item__image {
   margin: 0;
   /*height: 274px;*/
@@ -20,7 +15,28 @@
   height: 1000px;
   border: 1px solid #ccc;
 }
+.lva .view-grid > .view-content {
+  display: grid;
+  grid-template-columns: 1fr; /* mobile: single column */
+}
 
+@media (min-width: 600px) {
+  .lva .view-grid > .view-content {
+    grid-template-columns: repeat(2, 1fr); /* tablet portrait: 2 across */
+  }
+}
+
+@media (min-width: 900px) {
+  .lva .view-grid > .view-content {
+    grid-template-columns: repeat(3, 1fr); /* tablet landscape: 3 across */
+  }
+}
+
+@media (min-width: 1200px) {
+  .lva .view-grid > .view-content {
+    grid-template-columns: repeat(4, 1fr); /* desktop: 4 across */
+  }
+}
 /*=======================*/
 /*disclaimer*/
 details {
@@ -82,7 +98,8 @@ div#block-olivespostcards-solrsearchcontentsearchresultspagerforblock {
 .mirador76 {
   display: none !important;
 }
-div#block-olivespostcards-solrsearchcontentadvancedsearchforblock h2 {
+/* div#block-olivespostcards-solrsearchcontentadvancedsearchforblock h2 { */
+.facet-wrapper h2 {
   line-height: 1;
 }
 .facets-widget-links ul {
@@ -95,6 +112,9 @@ div#block-olivespostcards-solrsearchcontentadvancedsearchforblock h2 {
   span.facet-item__count {
     font-weight: 600;
   }
+  a {
+    text-decoration: none;
+  }
 }
 div#block-views-block-media-display-blocks-source {
   margin-block-end: 0;