diff --git a/content/foundation/governing-board/index.md b/content/foundation/governing-board/index.md
index 3e46edcc9..8242b7603 100644
--- a/content/foundation/governing-board/index.md
+++ b/content/foundation/governing-board/index.md
@@ -35,10 +35,15 @@ Elections are being held in the second quarter of each calendar year, alternatin
 
 The current elected representatives are:
 
-<div class="two-column">
+<div class="responsive-grid">
+<div class="category-group">
+
+### Community Representatives
+
+<div class="group-content">
 <div>
 
-### Individual Members
+#### Individual Members
 
 * Andy Balaam (he/him)
 * Gnuxie (she/her)
@@ -48,48 +53,67 @@ The current elected representatives are:
 </div>
 <div>
 
-### Ecosystem Members
+#### Ecosystem Members
 
-* Bram van den Heuvel (he/they), Elm SDK
-* Kim Brose (he/him), Matrix Community Events
-* Nicolas Werner (he/him), Nheko-Reborn
+* Bram van den Heuvel (he/they), *Elm SDK*
+* Kim Brose (he/him), *Matrix Community Events*
+* Nicolas Werner (he/him), *Nheko-Reborn*
 
 </div>
 <div>
 
-### Associate Members
+#### Associate Members
 
-* Tobias Fella (he/him), KDE e.V.
-* And one vacant seat
+* Tobias Fella (he/him), *KDE e.V.*
+* Vacant seat
+
+</div>
+</div>
+</div>
+
+<div class="category-group">
+
+### Funder Representatives
+
+<div class="group-content">
+<div>
+
+#### Platinum Members
+
+* Neil Johnson (he/him), *Element*
+* Vacant seat
+* Vacant seat
+* Vacant seat
 
 </div>
 <div>
 
-### Platinum Members
+#### Gold Members
 
-* Neil Johnson (he/him), Element
-* Three vacant seats
+* Brad Murray (he/him), *Automattic (Beeper)*
+* Vacant seat
+* Vacant seat
 
 </div>
 <div>
 
-### Gold Members
+#### Silver Members
 
-* Brad Murray (he/him), Automattic (Beeper)
-* Two vacant seats
+* Christian Kußowski (he/him), *Famedly*
+* Jan Kohnert (he/him), *Gematik GmbH*
 
 </div>
-<div>
-
-### Silver Members
-
-* Christian Kußowski (he/him), Famedly
-* Jan Kohnert (he/him), Gematik GmbH
-
 </div>
+</div>
+
+<div class="category-group">
+
+### Foundation Representatives
+
+<div class="group-content">
 <div>
 
-### Guardians
+#### Guardians
 
 * Amandine Le Pape (she/her)
 * Matthew Hodgson (he/him)
@@ -98,7 +122,7 @@ The current elected representatives are:
 </div>
 <div>
 
-### Spec Core Team
+#### Spec Core Team
 
 * Richard van der Hoff (he/him)
 * Travis Ralston (he/him)
@@ -106,10 +130,12 @@ The current elected representatives are:
 </div>
 <div>
 
-### Managing Director
+#### Managing Director
 
 * Robin Riley (they/them)
 
+</div>
+</div>
 </div>
 
 </div>
@@ -151,7 +177,7 @@ There are currently 4 Committees:
 
 The current chairs of the Governing Board are:
 
-<div class="two-column">
+<div class="responsive-grid chairs-section">
 <div>
 
 ### Governing Board
diff --git a/sass/_governing-board.scss b/sass/_governing-board.scss
index 282b2c965..c6a1ecb09 100644
--- a/sass/_governing-board.scss
+++ b/sass/_governing-board.scss
@@ -1,11 +1,110 @@
-.two-column {
-    display: block;
+.responsive-grid {
+    .category-group {
+        margin-bottom: 2rem;
+        background: #fafafa;
+        padding: 2rem;
+        border: 1px solid var(--borders-color);
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+
+        .group-content {
+            display: flex;
+            gap: 1.5rem;
+
+            > div {
+                flex: 1;
+                min-width: 0; // Allow shrinking below min-width
+                background: #fff;
+                padding: 1.5rem;
+                padding-bottom: 0;
+                position: relative;
+                overflow: hidden;
+                display: flex;
+                flex-direction: column;
+                border: 1px solid var(--borders-color);
+            }
+        }
+    }
+
+    h3,h4 {
+        margin-top: 0;
+    }
+
+    ul {
+        list-style: none;
+        padding: 0;
+
+        li {
+            padding: 0.75rem 0;
+            line-height: 1.4;
+
+            &:not(:last-child) {
+                border-bottom: 1px solid rgba(0, 0, 0, 0.04);
+            }
+        }
+    }
+
+    &.chairs-section {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+        gap: 1.5rem;
+
+        > div {
+            background: #fafafa;
+            padding: 1.5rem;
+            border: 1px solid var(--borders-color);
+
+            &:first-child {
+                grid-column: 1 / -1;
+            }
+        }
+    }
 }
 
+@media (max-width: 1024px) {
+    .responsive-grid {
+        .category-group {
+            padding: 1.5rem;
 
-@media (min-width: 768px) {
-    .two-column {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
+            .group-content {
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+                gap: 1.25rem;
+            }
+        }
+
+        &.chairs-section {
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 1.25rem;
+        }
     }
-}
\ No newline at end of file
+}
+
+@media (max-width: 767px) {
+    .responsive-grid {
+        .category-group {
+            margin-bottom: 1.5rem;
+            padding: 1.25rem;
+
+            .group-content {
+                grid-template-columns: 1fr;
+                gap: 1rem;
+
+                > div {
+                    padding: 1.25rem;
+                }
+            }
+        }
+
+        &.chairs-section {
+            grid-template-columns: 1fr;
+            gap: 1rem;
+
+            > div {
+                padding: 1.25rem;
+            }
+        }
+    }
+}