From ad5beb434572df8987ef9b83bc88f27f5ba47dec Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 23 Jul 2025 08:47:39 +0100
Subject: [PATCH] Update ComponentCards.module.css

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .../ComponentCards/ComponentCards.module.css  | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/docs-ui/src/components/ComponentCards/ComponentCards.module.css b/docs-ui/src/components/ComponentCards/ComponentCards.module.css
index cf003472b4..688010110c 100644
--- a/docs-ui/src/components/ComponentCards/ComponentCards.module.css
+++ b/docs-ui/src/components/ComponentCards/ComponentCards.module.css
@@ -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;