From 8183e02d5813fd936e1edde08cf3e9bd784ce48b Mon Sep 17 00:00:00 2001
From: rockyeverlast <rockyeverlast@gmail.com>
Date: Wed, 5 Jun 2024 19:16:31 +0530
Subject: [PATCH] Cards updated

---
 src/components/Card/DevCards.jsx   | 2 +-
 src/components/Card/HappenCard.jsx | 2 +-
 src/components/Card/HomeCard.jsx   | 7 ++++---
 src/components/Card/LearnCard.jsx  | 4 ++--
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/Card/DevCards.jsx b/src/components/Card/DevCards.jsx
index 980321f..617eb8d 100644
--- a/src/components/Card/DevCards.jsx
+++ b/src/components/Card/DevCards.jsx
@@ -47,7 +47,7 @@ const DevCards = ({ id, src, alt, text, href }) => {
         </Box>
 
         <Box
-          padding={"1rem"}
+          padding={"1rem 1rem 0 1rem"}
           sx={{
             "@media (max-width: 500px)": {
               padding: "1rem 0px",
diff --git a/src/components/Card/HappenCard.jsx b/src/components/Card/HappenCard.jsx
index 7e743d8..7fd01a8 100644
--- a/src/components/Card/HappenCard.jsx
+++ b/src/components/Card/HappenCard.jsx
@@ -43,7 +43,7 @@ const HappenCard = ({ key, date, text, para, loader, title }) => {
             background={"#151419"}
             borderRadius={"10px"}
             position={"relative"}
-            // minHeight={"402px"}
+            minHeight={"355px"}
             key={key}
             sx={{
               "@media (max-width: 500px)": {
diff --git a/src/components/Card/HomeCard.jsx b/src/components/Card/HomeCard.jsx
index f8ac3b2..cf4e549 100644
--- a/src/components/Card/HomeCard.jsx
+++ b/src/components/Card/HomeCard.jsx
@@ -45,14 +45,15 @@ const HomeCard = ({ cardkey, date, text, link }) => {
           >
             <Image
               maxHeight={"230px"}
+              minH={"230px"}
               width={"100%"}
               objectFit={"cover"}
               borderRadius={"10px"}
               objectPosition={"center"}
               src={`https://rubix.betadelivery.com/${card.content_image_large}`}
             />
-            <Box padding={"1rem"}>
-              {card?.tags?.map((tag, index) => (
+            <Box padding={"1rem 1rem 0 1rem"}>
+              {card?.tags?.slice(0, 2).map((tag, index) => (
                 <Chip key={index} title={tag.tag} />
               ))}
 
@@ -76,7 +77,7 @@ const HomeCard = ({ cardkey, date, text, link }) => {
                 color={"#fff"}
                 fontSize={"20px"}
                 marginBottom={"20px"}
-                minHeight={"50px"}
+                minHeight={"65px"}
                 maxWidth={"460px"}
                 sx={{
                   display: "-webkit-box",
diff --git a/src/components/Card/LearnCard.jsx b/src/components/Card/LearnCard.jsx
index bfe2a3b..ad760cc 100644
--- a/src/components/Card/LearnCard.jsx
+++ b/src/components/Card/LearnCard.jsx
@@ -13,7 +13,7 @@ const LearnCard = ({ id, src, text, href }) => {
       <Box
         display="inline-block"
         width={"520px"}
-        height={"300px"}
+        minHeightheight={"300px"}
         background={"#161616"}
         borderRadius={"10px"}
         padding={"20px"}
@@ -27,7 +27,7 @@ const LearnCard = ({ id, src, text, href }) => {
         }}
       >
         <Box
-          padding={"1rem"}
+          padding={"1rem 1rem 0 1rem"}
           sx={{
             "@media (max-width: 600px)": {
               padding: "0rem",