Add dividers and whitespace between projects

Author: mcecode

src/components/projects/item-card.astro

@@ -30,6 +30,16 @@ if ((image.width / image.height).toFixed(2) !== "1.78") {
     margin-bottom: v-size(10);
     text-align: center;
   }
+  li:where(:last-child) {
+    margin-bottom: v-size(16);
+  }
+  li:not(:last-child)::after {
+    content: "";
+    height: calc(v-size(1) / 3);
+    width: 30vw;
+    margin: v-size(6) auto auto;
+    background-color: var(--c-accent);
+  }
   h2 {
     margin-bottom: 0;
     font-weight: 500;
@@ -41,8 +51,12 @@ if ((image.width / image.height).toFixed(2) !== "1.78") {
       grid-template-columns: 1fr 1fr;
       grid-template-rows: auto auto 1fr;
       column-gap: v-size(5);
+      margin-bottom: v-size(20);
       text-align: left;
     }
+    li::after {
+      display: none;
+    }
     picture {
       grid-area: picture;
     }