media queries for the grid

css/components/islandora_mods.css

@@ -8,33 +8,30 @@
     border: 1px solid #ccc;
   }
 }
-.node--type-islandora-object .field--label-inline > .field__item {
-  display: table;
-}
 .lva iframe.pdf {
   height: 1000px;
   border: 1px solid #ccc;
 }
-.lva .view-grid > .view-content {
+.view-grid > .view-content {
   display: grid;
   grid-template-columns: 1fr; /* mobile: single column */
 }
 
 @media (min-width: 600px) {
-  .lva .view-grid > .view-content {
+  .view-grid > .view-content {
     grid-template-columns: repeat(2, 1fr); /* tablet portrait: 2 across */
   }
 }
 
 @media (min-width: 900px) {
-  .lva .view-grid > .view-content {
+  .view-grid > .view-content {
     grid-template-columns: repeat(3, 1fr); /* tablet landscape: 3 across */
   }
 }
 
 @media (min-width: 1200px) {
-  .lva .view-grid > .view-content {
+  .view-grid > .view-content {
-    grid-template-columns: repeat(4, 1fr); /* desktop: 4 across */
+    grid-template-columns: repeat(3, 1fr); /* desktop: 4 across */
   }
 }
 /*=======================*/
@@ -138,7 +135,7 @@ div#block-views-block-media-display-blocks-source {
     padding-bottom: 5px;
   }
   .field__label {
-    width: 250px;
+    /* width: 250px; */
   }
 }
 .page-node-type-islandora-object {
@@ -146,6 +143,16 @@ div#block-views-block-media-display-blocks-source {
     margin-block-end: 0 !important;
   }
 }
+
+@media (min-width: 600px) {
+  .node--type-islandora-object {
+    .field__label {
+      width: 250px;
+    }
+  }
+  .node--type-islandora-object .field--label-inline > .field__item {
+    display: table;
+  }
   .field--name-field-abstract,
   .field--name-field-note,
   .field.field--name-field-rights {
@@ -160,6 +167,7 @@ div#block-views-block-media-display-blocks-source {
       line-height: 1.6;
     }
   }
+}
 div#block-citation-select-block {
   margin: 0;
   margin-bottom: 1em;