aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGalen Guyer <galen@galenguyer.com>2021-01-31 09:59:25 -0500
committerGalen Guyer <galen@galenguyer.com>2021-01-31 09:59:25 -0500
commita9a75bc2d0c6fa96cefa9ca0c4896082ad8e68dc (patch)
treecbbce064c6fde4083a750e856d6c78e405ae489c
parentc2819fa47440a87322632ec91b89921e8e017835 (diff)
Minor style updates
-rw-r--r--src/App.css3
-rw-r--r--src/Card.css2
-rw-r--r--src/Card.js2
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}{" "}