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,18 +143,29 @@ div#block-views-block-media-display-blocks-source {
     margin-block-end: 0 !important;
   }
 }
-.field--name-field-abstract,
+
-.field--name-field-note,
+@media (min-width: 600px) {
-.field.field--name-field-rights {
+  .node--type-islandora-object {
-  display: flex;
+    .field__label {
-  .field__items {
+      width: 250px;
-    float: none;
+    }
   }
-  .field__label {
+  .node--type-islandora-object .field--label-inline > .field__item {
-    flex: none;
+    display: table;
   }
-  .field__item {
+  .field--name-field-abstract,
-    line-height: 1.6;
+  .field--name-field-note,
+  .field.field--name-field-rights {
+    display: flex;
+    .field__items {
+      float: none;
+    }
+    .field__label {
+      flex: none;
+    }
+    .field__item {
+      line-height: 1.6;
+    }
   }
 }
 div#block-citation-select-block {