summaryrefslogtreecommitdiff
path: root/client/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/components')
-rw-r--r--client/src/components/Card/Card.jsx4
-rw-r--r--client/src/components/Card/Card.module.css7
-rw-r--r--client/src/components/Header/Header.module.css11
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;
}