From 2c0186eb93084b758ed708ec522f9f353cc53967 Mon Sep 17 00:00:00 2001
From: lialila <uche0790@gmail.com>
Date: Thu, 14 Mar 2024 12:56:59 +0100
Subject: [PATCH] fix(ProjectCard): Fix the footer height of the component

---
 src/components/ProjectCard/ProjectCard.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/ProjectCard/ProjectCard.tsx b/src/components/ProjectCard/ProjectCard.tsx
index 7c0ffb7..0424cb6 100644
--- a/src/components/ProjectCard/ProjectCard.tsx
+++ b/src/components/ProjectCard/ProjectCard.tsx
@@ -1,4 +1,4 @@
-import { Box, Divider, Heading, SimpleGrid, Text, useToken } from '@chakra-ui/react';
+import { Box, Divider, Flex, Heading, SimpleGrid, Text, useToken } from '@chakra-ui/react';
 import { css } from '@emotion/react';
 import { ArrowsOutSimple, MapPin } from '@phosphor-icons/react';
 import React, { ReactNode } from 'react';
@@ -26,7 +26,8 @@ export const ProjectCard: React.FC<ProjectCardProps> = ({
   const icons = [<ArrowsOutSimple color={gray500} />, <MapPin color={gray500} />];
 
   return (
-    <Box
+    <Flex
+      flexDir="column"
       height="full"
       position="relative"
       borderRadius="2xl"
@@ -50,7 +51,7 @@ export const ProjectCard: React.FC<ProjectCardProps> = ({
       >
         {image}
       </Box>
-      <Box padding="6">
+      <Box padding="6" marginBottom="auto">
         <Heading as="h6" size="sm">
           {title}
         </Heading>
@@ -74,6 +75,6 @@ export const ProjectCard: React.FC<ProjectCardProps> = ({
           {footerSubTitle}
         </Text>
       </Box>
-    </Box>
+    </Flex>
   );
 };