Fix grid layout on PC screen

2024-03-03 00:25:36 +01:00
parent 64d37acc23
commit 481492868b
5 changed files with 18 additions and 3 deletions
@@ -0,0 +1,13 @@
+.card-grid {
+    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
+    grid-row-gap: 0;
+    grid-column-gap: 8px;
+}
+
+@media only screen and (min-width: 470px) {
+    .card-grid {
+        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
+        grid-row-gap: 0;
+        grid-column-gap: 8px;
+    }
+}