grid styles

bs.js

@@ -1,15 +1,15 @@
-var browserSync = require('browser-sync');
+var browserSync = require("browser-sync");
 
 browserSync({
   //proxy: 'http://137.149.200.93',
-  proxy: 'https://islandimagined2.islandarchives.ca',
-  files: 'css/**/*.css',
-  plugins: ['bs-rewrite-rules'],
-  serveStatic: ['.'],
+  proxy: "https://kspaces2.islandarchives.ca",
+  files: "css/**/*.css",
+  plugins: ["bs-rewrite-rules"],
+  serveStatic: ["."],
   rewriteRules: [
     {
       match: /\/themes\/custom\/oliveskspaces/g,
-              replace: ''
-          }
-      ]
+      replace: "",
+    },
+  ],
 });

css/components/islandora_mods.css

@@ -7,3 +7,34 @@ a.site-branding__logo img {
 .logo--oliveskspaces h1 {
   border: none;
 }
+.grid-item {
+  border: 1px solid #ccc;
+  padding: 8px;
+  border-radius: 4px;
+  box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
+}
+.view-grid > .view-content {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  /* margin: 0.47214rem 0 0.47214rem 2.61803rem; */
+}
+.grid-item .views-field-did-image {
+  height: 360px;
+  overflow: hidden;
+}
+.grid-item .views-field-did-image img {
+  width: 100%;
+}
+.grid-item__title {
+  display: block;
+  padding: 0.5em 0;
+  line-height: 1.2;
+  margin: 5px 0 6px 0;
+  font-weight: bold;
+  border-bottom: 1px dotted #574938;
+  a {
+    text-decoration: none;
+    font-family: var(--font-serif);
+    color: #574938;
+  }
+}