Fix changes according to request

Author: dhirajgagrai

src/components/Card.tsx

@@ -19,6 +19,8 @@ const Card: React.FC<IProps> = ({
 }) => (
   <Flex
     direction="column"
+    gap="1rem"
+    justifyContent="space-between"
     bg="ednBackground"
     borderRadius="sm"
     border="1px"

src/intl/en/page-developers-index.json

@@ -44,8 +44,8 @@
   "page-developers-js-libraries-link": "JavaScript libraries",
   "page-developers-language-desc": "Using Ethereum with familiar languages",
   "page-developers-languages": "Programming languages",
-  "page-developers-learn": "Ethereum development",
-  "page-developers-learn-desc": "Read up on core concepts and the Ethereum stack with our docs.",
+  "page-developers-learn": "Learn Ethereum development",
+  "page-developers-learn-desc": "Read up on core concepts and the Ethereum stack with our docs",
   "page-developers-learn-tutorials": "Learn through tutorials",
   "page-developers-learn-tutorials-cta": "View tutorials",
   "page-developers-learn-tutorials-desc": "Learn Ethereum development step-by-step from builders who have already done it.",

src/pages/developers/index.tsx

@@ -172,8 +172,6 @@ const IntroColumn = styled(Column)`
 
 const StyledCard = styled(Card)`
   flex: 1 1 22%;
-  justify-content: space-between;
-  gap: 20px;
   min-width: 240px;
   box-shadow: ${(props) => props.theme.colors.tableBoxShadow};
   margin: 1rem;