From 746aa908410d0e53a6bcdc8c814f93fa60b178ca Mon Sep 17 00:00:00 2001
From: Frank <48450599+Fbasham@users.noreply.github.com>
Date: Thu, 5 Oct 2023 07:17:59 -0400
Subject: [PATCH] [fix] make card height 100% (#885)

---
 components/molecules/Card.js | 2 +-
 pages/home.js                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/molecules/Card.js b/components/molecules/Card.js
index c3fbbf8c7f..5ebe91aa53 100644
--- a/components/molecules/Card.js
+++ b/components/molecules/Card.js
@@ -20,7 +20,7 @@ export const Card = (props) => {
   return (
     <Link href={props.href}>
       <div
-        className={`group card-shadow border border-custom-gray-border rounded-md pb-4 hover:cursor-pointer ${
+        className={`h-full group card-shadow border border-custom-gray-border rounded-md pb-4 hover:cursor-pointer ${
           "border-" + tagColour
         }`}
         data-testid={props.dataTestId}
diff --git a/pages/home.js b/pages/home.js
index e00c53afd3..05f2471af8 100644
--- a/pages/home.js
+++ b/pages/home.js
@@ -373,7 +373,7 @@ export default function Home(props) {
               }
             />
           </div>
-          <ul className="grid lg:grid-cols-2 gap-x-4 gap-y-4 list-none ml-0">
+          <ul className="grid lg:grid-cols-2 gap-4 list-none ml-0">
             {displayCurrentProjects}
           </ul>
         </section>