diff options
| author | Galen Guyer <galen@galenguyer.com> | 2021-01-31 09:59:25 -0500 |
|---|---|---|
| committer | Galen Guyer <galen@galenguyer.com> | 2021-01-31 09:59:25 -0500 |
| commit | a9a75bc2d0c6fa96cefa9ca0c4896082ad8e68dc (patch) | |
| tree | cbbce064c6fde4083a750e856d6c78e405ae489c | |
| parent | c2819fa47440a87322632ec91b89921e8e017835 (diff) | |
Minor style updates
| -rw-r--r-- | src/App.css | 3 | ||||
| -rw-r--r-- | src/Card.css | 2 | ||||
| -rw-r--r-- | 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}{" "} |