Homepage improvements

assets/sass/_layout.sass

@@ -128,12 +128,29 @@ section
     color: $text-subtle
     text-align: center
 
+#tool-cards
+    display: flex
+    flex-wrap: wrap
+    gap: $spacing-unit
+    // justify-content: space-between
+
+    > article
+        flex: 1 1 48%
+        min-width: 300px
+        max-width: 48%
+        box-sizing: border-box
+
+    @media (max-width: 900px)
+        > article
+            flex-basis: 100%
+            max-width: 100%
+
 article
     background: $surface
     border-radius: 8px
-    padding: $spacing-unit
-    margin: $spacing-unit 0
-    position: relative
+    padding: 1rem 1.5rem
+    // margin: $spacing-unit 0
+    // position: relative
     transition: background 0.5s ease-in-out
     &:hover, &:focus
         background: $primary-dark