From 8fc8a010e1f5dc61570fafb2abf8496d5d9851c5 Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Sat, 16 Jan 2021 19:55:42 +0200
Subject: [PATCH] Fix Card button location to bottom

---
 src/components/Card.tsx | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 47618df..d039b1f 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -16,6 +16,8 @@ interface WrappedCardProps {
 }
 
 const StyledCard = styled.article`
+  display: flex;
+  flex-direction: column;
   color: ${colors.black};
   margin: 1rem;
   text-align: center;
@@ -44,19 +46,23 @@ const StyledCard = styled.article`
     font-weight: 300;
   }
 
-  button {
-    cursor: pointer;
+  a {
+    margin-top: auto;
 
-    padding: 0.8rem 2rem;
-    margin: 0.5rem;
-    font-size: 0.8rem;
-    background: none;
-    text-transform: uppercase;
-    background-color: ${colors.blue1};
-    color: ${colors.white};
-    font-weight: 800;
-    letter-spacing: 1.5px;
-    border: none;
+    button {
+      cursor: pointer;
+
+      padding: 0.8rem 2rem;
+      margin: 0.5rem;
+      font-size: 0.8rem;
+      background: none;
+      text-transform: uppercase;
+      background-color: ${colors.blue1};
+      color: ${colors.white};
+      font-weight: 800;
+      letter-spacing: 1.5px;
+      border: none;
+    }
   }
 `;