From 01e761746de45ab37dd5a230f43b754bf95400ac Mon Sep 17 00:00:00 2001
From: Martinnn674 <289372790+Martinnn674@users.noreply.github.com>
Date: Sun, 31 May 2026 13:01:30 +0200
Subject: [PATCH] Fix capability box height consistency

---
 .../capability-box/capability-box.module.css  |  4 +++-
 docs/styles/home.css                          | 20 +++++++++++--------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/docs/components/capability-box/capability-box.module.css b/docs/components/capability-box/capability-box.module.css
index eb3b08f3..abc33196 100644
--- a/docs/components/capability-box/capability-box.module.css
+++ b/docs/components/capability-box/capability-box.module.css
@@ -1,6 +1,8 @@
 .container {
   background-color: var(--color-primary);
   border-radius: var(--radius-3);
+  box-sizing: border-box;
+  height: 100%;
   padding: var(--size-4);
   text-align: left;
   min-height: 150px;
@@ -30,6 +32,6 @@
 
 @media (min-width: 1200px) {
   .container {
-    min-height: 160px;
+    min-height: 200px;
   }
 }
diff --git a/docs/styles/home.css b/docs/styles/home.css
index 62b4e4c5..29f49cad 100644
--- a/docs/styles/home.css
+++ b/docs/styles/home.css
@@ -124,6 +124,11 @@ wcc-capability-box {
   }
 
   .capabilities-container {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-auto-rows: 1fr;
+    gap: var(--size-3);
+    align-items: stretch;
     width: 80%;
     margin: 0 auto;
     padding: 0;
@@ -136,15 +141,15 @@ wcc-capability-box {
   }
 
   wcc-capability-box {
-    display: inline-block;
-    width: 44%;
-    margin: var(--size-3);
-    vertical-align: top;
+    display: block;
+    width: 100%;
+    margin: 0;
   }
 }
 
 @media (min-width: 1200px) {
   .capabilities-container {
+    gap: var(--size-2);
     padding: var(--size-2);
   }
 
@@ -160,9 +165,8 @@ wcc-capability-box {
   }
 
   wcc-capability-box {
-    display: inline-block;
-    width: 47%;
-    margin: var(--size-2);
-    vertical-align: top;
+    display: block;
+    width: 100%;
+    margin: 0;
   }
 }