diff --git a/src/components/Card/Card.scss b/src/components/Card/Card.scss index 2af5a82..008823b 100644 --- a/src/components/Card/Card.scss +++ b/src/components/Card/Card.scss @@ -24,10 +24,13 @@ &__title { padding: 0.5rem; + margin-bottom: 0.5rem; display: flex; justify-content: center; font-size: 1.5rem; text-align: center; + font-weight: 300; + color: $black; } &__image { @@ -61,9 +64,11 @@ justify-content: center; text-align: center; text-overflow: ellipsis; - font-size: 12px; - font-weight: 200; + font-size: 16px; margin: 0 0 0.5rem; + font-weight: 200; + line-height: 22px; + color: $black; @media screen and (max-width: 1200px - 1px) { margin: 0.5rem 0; diff --git a/src/pages/FrontPage/FrontPage.tsx b/src/pages/FrontPage/FrontPage.tsx index b131e25..6a3e740 100644 --- a/src/pages/FrontPage/FrontPage.tsx +++ b/src/pages/FrontPage/FrontPage.tsx @@ -102,22 +102,22 @@ class FrontPage extends React.Component { - {events.map(event => ( - { }}>Lue lisää ›} - /> - ))} -
- - Kaikki tapahtumat - -
+ {events.map(event => ( + { }}>Lue lisää ›} + /> + ))} +
+ + Kaikki tapahtumat + +
@@ -127,23 +127,23 @@ class FrontPage extends React.Component { {feed.map(inst => ( - { }}>Lue lisää ›} - /> - ))} -
- - Lue tuoreimmat uutiset - - - Kuvia tapahtumista - -
+ { }}>Lue lisää ›} + /> + ))} +
+ + Lue tuoreimmat uutiset + + + Kuvia tapahtumista + +