Cards updated

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",

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)": {

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",

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",