diff options
Diffstat (limited to 'client/src/components')
-rw-r--r-- | client/src/components/Card/Card.jsx | 4 | ||||
-rw-r--r-- | client/src/components/Card/Card.module.css | 7 | ||||
-rw-r--r-- | client/src/components/Header/Header.module.css | 11 |
3 files changed, 12 insertions, 10 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 { diff --git a/client/src/components/Header/Header.module.css b/client/src/components/Header/Header.module.css index c67df95..daf82ef 100644 --- a/client/src/components/Header/Header.module.css +++ b/client/src/components/Header/Header.module.css @@ -1,7 +1,8 @@ @import '../../styles/GlobalVariables.css'; .header { - font-family: 'Fredoka One', cursive; + font-family: 'Barlow', cursive; + font-weight: 700; display: flex; flex-direction: column; align-items: center; @@ -10,11 +11,11 @@ } .header__subheading { - font-size: var(--font-medium); - font-weight: 400; + font-size: 2.5rem; + font-weight: 700; } .header__image { - width: 150px; - height: 150px; + width: 250px; + height: 250px; } |