Update ComponentCards.module.css

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
2025-07-23 08:47:39 +01:00
parent 370a9dfae1
commit ad5beb4345
1 changed files with 19 additions and 1 deletions
@@ -1,11 +1,29 @@
 .grid {
  display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 3rem;
 }

+@media (min-width: 768px) {
+  .grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (min-width: 1024px) {
+  .grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+@media (min-width: 1280px) {
+  .grid {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+
 .card {
  display: flex;
  flex-direction: column;