From a9a75bc2d0c6fa96cefa9ca0c4896082ad8e68dc Mon Sep 17 00:00:00 2001
From: Galen Guyer <galen@galenguyer.com>
Date: Sun, 31 Jan 2021 09:59:25 -0500
Subject: Minor style updates

---
 src/App.css  | 3 +++
 src/Card.css | 2 +-
 src/Card.js  | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index da16c9c..78106d4 100644
--- a/src/App.css
+++ b/src/App.css
@@ -2,6 +2,9 @@
     text-align: center;
     padding-bottom: 2rem;
     padding-top: 1rem;
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 .Section {
diff --git a/src/Card.css b/src/Card.css
index a4b3d2e..785b3e5 100644
--- a/src/Card.css
+++ b/src/Card.css
@@ -5,6 +5,6 @@
 
 @media screen and (min-width: 768px) {
     .Card {
-        width: 18%;
+        width: 20%;
     }
 }
diff --git a/src/Card.js b/src/Card.js
index cac335c..14b4282 100644
--- a/src/Card.js
+++ b/src/Card.js
@@ -10,7 +10,7 @@ const Card = (props) => {
 
     return (
         <Link className="Card" style={{ padding: 0 }} to={props.link}>
-            <div className="group bg-white hover:bg-orange-400 rounded-lg border-2 border-orange-300 hover:border-orange-400 p-4 m-6 transition ease-in-out duration-300">
+            <div className="group bg-white hover:bg-orange-400 rounded-lg border-2 border-orange-300 hover:border-orange-400 p-2 m-6 transition ease-in-out duration-300">
                 <p>
                     <span className="text-2xl group-hover:text-white transition ease-in-out duration-300">
                         {props.latest}{" "}
-- 
cgit v1.2.3