font changes

2 files changed, 6 insertions, 5 deletions

diff --git a/client/src/components/Card/Card.jsx b/client/src/components/Card/Card.jsx
index 9460955..89b89b3 100644
--- a/client/src/components/Card/Card.jsx
+++ b/client/src/components/Card/Card.jsx
@@ -3,8 +3,8 @@ import styles from './Card.module.css'
 
 const Card = ({ title, image, onClick }) => {
   return (
-    <div onClick={ onClick } className={styles.card}>
-      <img className={styles.card__image} src={image} alt="" />
+    <div onClick={onClick} className={styles.card}>
+      <img className={styles.card__image} src={image} alt="" height="300px" />
       <h2 className={styles.card__title}>{title}</h2>
     </div>
   )
diff --git a/client/src/components/Card/Card.module.css b/client/src/components/Card/Card.module.css
index e351fd5..54dd471 100644
--- a/client/src/components/Card/Card.module.css
+++ b/client/src/components/Card/Card.module.css
@@ -1,8 +1,8 @@
 @import '../../styles/GlobalVariables.css';
 
 .card {
-  height: 300px;
-  width: 300px;
+  height: 500px;
+  width: 500px;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -13,7 +13,8 @@
   transition: 0.2s all;
   cursor: pointer;
   color: var(--color-black);
-  text-decoration-line: none;
+  font-size: 2.25rem;
+  text-decoration: none;
 }
 
 .card:active {