draw more attention to numbers instead of label

1 files changed, 5 insertions, 3 deletions

diff --git a/src/Card.js b/src/Card.js
index fea3cda..5710881 100644
--- a/src/Card.js
+++ b/src/Card.js
@@ -8,15 +8,17 @@ const Card = (props) => {
     }
     return (
         <div className="Card bg-white rounded-lg border-2 border-orange-300 p-4 m-4">
-            <h3 className="text-lg">{props.name}</h3>
             <p>
-                {props.latest}
-                {props.suffix}{" "}
+                <span className="text-2xl">
+                    {props.latest}
+                    {props.suffix}{" "}
+                </span>
                 <span className="Diff text-gray-600 text-sm">
                     ({diff}
                     {props.suffix})
                 </span>
             </p>
+            <h3 className="text-base">{props.name}</h3>
         </div>
     );
 };