components uses css modules; other refactoring

src/components/CardGrid/styles.module.css

@@ -0,0 +1,16 @@
+.grid {
+    --min-cell-size: 240px;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(var(--min-cell-size), 1fr));
+    grid-auto-rows: 25em;
+    grid-auto-flow: dense;
+    grid-gap: var(--size-xl) var(--size-l);
+}
+
+@media screen and (max-width: 31.25em) {
+    .grid {
+        grid-template-columns: 1fr;
+        /* grid-template-columns: auto; */
+        grid-gap: var(--size-l) 0;
+    }
+}