From 26136409f1889fb6dd752984c21ade7757f58774 Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Wed, 17 Feb 2021 08:13:59 +0100
Subject: [PATCH] fix contact page card sizing

---
 pages/examples/contacts.html | 38 ++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/pages/examples/contacts.html b/pages/examples/contacts.html
index 780d867ee..5e95868c5 100644
--- a/pages/examples/contacts.html
+++ b/pages/examples/contacts.html
@@ -853,9 +853,9 @@
       <!-- Default box -->
       <div class="card card-solid">
         <div class="card-body pb-0">
-          <div class="row d-flex align-items-stretch">
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+          <div class="row">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -886,8 +886,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -918,8 +918,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -950,8 +950,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -982,8 +982,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1013,8 +1013,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1045,8 +1045,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1076,8 +1076,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>
@@ -1108,8 +1108,8 @@
                 </div>
               </div>
             </div>
-            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
-              <div class="card bg-light">
+            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
+              <div class="card bg-light d-flex flex-fill">
                 <div class="card-header text-muted border-bottom-0">
                   Digital Strategist
                 </div>