Refactor

Author: corwintines

src/components/Card/index.tsx

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

src/content/staking/pools/index.md

@@ -24,15 +24,9 @@ Some pools operate using smart contracts, where funds can be deposited to a cont
 In addition to the benefits we outlined in our [intro to staking](/staking/), staking with a pool comes with a number of distinct benefits.
 
 <CardGrid>
-  <Card title="Low barrier to entry" emoji="🐟">
-    Not a whale? No problem. Most staking pools let you stake virtually any amount of ETH by joining forces with other stakers, unlike staking solo which requires 32 ETH.
-  </Card>
-  <Card title="Stake today" emoji=":stopwatch:">
-    Staking with a pool is as easy as a token swap. No need to worry about hardware setup and node maintenance. Pools allow you to deposit your ETH which enables node operators to run validators. Rewards are then distributed to contributors minus a fee for node operations.
-  </Card>
-  <Card title="Liquidity tokens" emoji=":droplet:">
-    Many staking pools provide a token that represents a claim on your staked ETH and the rewards it generates. This allows you to make use of your staked ETH, e.g. as collateral in DeFi applications.
-  </Card>
+  <Card title="Low barrier to entry" emoji="🐟" description="Not a whale? No problem. Most staking pools let you stake virtually any amount of ETH by joining forces with other stakers, unlike staking solo which requires 32 ETH." />
+  <Card title="Stake today" emoji=":stopwatch:" description="Staking with a pool is as easy as a token swap. No need to worry about hardware setup and node maintenance. Pools allow you to deposit your ETH which enables node operators to run validators. Rewards are then distributed to contributors minus a fee for node operations." />
+  <Card title="Liquidity tokens" emoji=":droplet:" description="Many staking pools provide a token that represents a claim on your staked ETH and the rewards it generates. This allows you to make use of your staked ETH, e.g. as collateral in DeFi applications." />
 </CardGrid>
 
 <StakingComparison page="pools" />

src/content/staking/saas/index.md

@@ -22,16 +22,9 @@ Staking as a service (“SaaS") represents a category of staking services where
 The Ethereum protocol does not natively support delegation of stake, so these services have been built out to fill this demand. If you have 32 ETH to stake, but don't feel comfortable dealing with hardware, SaaS services allow you to delegate the hard part while you earn native block rewards.
 
 <CardGrid>
-  <Card title="Your own validator" emoji=":desktop_computer:">
-    Deposit your own 32 ETH to activate your own set of signing keys that will participate in Ethereum consensus. Monitor your progress with dashboards to watch those ETH rewards accumulate.
-  </Card>
-  <Card title="Easy to start" emoji="🏁">
-    Forget about hardware specs, setup, node maintenance and upgrades.
-    SaaS providers let you to outsource the hard part by uploading your own signing credentials, allowing them to run a validator on your behalf, for a small cost.
-  </Card>
-  <Card title="Limit your risk" emoji=":shield:">
-    In many cases users do not have to give up access to the keys that enable withdrawing or transferring staked funds. These are different than the signing keys, and can be stored separately to limit (but not eliminate) your risk as a staker.
-  </Card>
+  <Card title="Your own validator" emoji=":desktop_computer:" description="Deposit your own 32 ETH to activate your own set of signing keys that will participate in Ethereum consensus. Monitor your progress with dashboards to watch those ETH rewards accumulate." />    
+  <Card title="Easy to start" emoji="🏁" description="Forget about hardware specs, setup, node maintenance and upgrades. SaaS providers let you to outsource the hard part by uploading your own signing credentials, allowing them to run a validator on your behalf, for a small cost." />
+  <Card title="Limit your risk" emoji=":shield:" description="In many cases users do not have to give up access to the keys that enable withdrawing or transferring staked funds. These are different than the signing keys, and can be stored separately to limit (but not eliminate) your risk as a staker." />
 </CardGrid>
 
 <StakingComparison page="saas" />

src/content/staking/solo/index.md

@@ -30,15 +30,9 @@ A solo staker receives rewards directly from the protocol for keeping their vali
 Solo staking comes with more responsibility but provides you with maximum control over your funds and staking setup.
 
 <CardGrid>
-  <Card title="Earn fresh ETH" emoji="💸">
-    Earn ETH-denominated rewards directly from the protocol when your validator is online, without any middlemen taking a cut.
-  </Card>
-  <Card title="Full control" emoji="🎛️">
-    Keep your own keys. Choose the combination of clients and hardware that allows you to minimize your risk and best contribute to the health and security of the network. Third-party staking services make these decisions for you, and they don't always make the safest choices.
-  </Card>
-  <Card title="Network security" emoji="🔐">
-    Solo staking is the most impactful way to stake. By running a validator on your own hardware at home, you strengthen the robustness, decentralization, and security of the Ethereum protocol.
-  </Card>
+  <Card title="Earn fresh ETH" emoji="💸" description="Earn ETH-denominated rewards directly from the protocol when your validator is online, without any middlemen taking a cut." />
+  <Card title="Full control" emoji="🎛️" description="Keep your own keys. Choose the combination of clients and hardware that allows you to minimize your risk and best contribute to the health and security of the network. Third-party staking services make these decisions for you, and they don't always make the safest choices." />
+  <Card title="Network security" emoji="🔐" description="Solo staking is the most impactful way to stake. By running a validator on your own hardware at home, you strengthen the robustness, decentralization, and security of the Ethereum protocol." />
 </CardGrid>
 
 ## Considerations before staking solo {#considerations-before-staking-solo}

src/pages/developers/index.tsx

@@ -175,7 +175,6 @@ const StyledCard = styled(Card)`
   min-width: 240px;
   box-shadow: ${(props) => props.theme.colors.tableBoxShadow};
   margin: 1rem;
-  margin-top: auto;
   padding: 1.5rem;
   @media (max-width: 1120px) {
     flex: 1 1 40%;