diff --git a/src/components/Button/Button.scss b/src/components/Button/Button.scss
index f04ceb6..341b25d 100644
--- a/src/components/Button/Button.scss
+++ b/src/components/Button/Button.scss
@@ -9,6 +9,10 @@
background: none;
text-transform: uppercase;
+ @media screen and (max-width: 800px - 1px) {
+ font-size: 16px;
+ }
+
&.hero {
background-color: $dark-blue;
color: $blue;
diff --git a/src/components/Card/Card.scss b/src/components/Card/Card.scss
index c2fb6ff..8fefd5a 100644
--- a/src/components/Card/Card.scss
+++ b/src/components/Card/Card.scss
@@ -20,6 +20,8 @@
width: 100%;
max-width: 100%;
margin-bottom: 3rem;
+ margin-left: 0;
+ margin-right: 0;
}
&__title {
diff --git a/src/components/Ribbon/Ribbon.scss b/src/components/Ribbon/Ribbon.scss
index f272e4b..6051652 100644
--- a/src/components/Ribbon/Ribbon.scss
+++ b/src/components/Ribbon/Ribbon.scss
@@ -24,6 +24,7 @@
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
+ margin-top: 10px;
}
@media screen and (max-width: 600px - 1px) {
diff --git a/src/pages/FrontPage/FrontPage.tsx b/src/pages/FrontPage/FrontPage.tsx
index 66e983e..27d30d3 100644
--- a/src/pages/FrontPage/FrontPage.tsx
+++ b/src/pages/FrontPage/FrontPage.tsx
@@ -94,8 +94,8 @@ class FrontPage extends React.Component
Sössöä vuodesta 1969.
- Lue opiskelijalehden viimeisin numero › + Lue opiskelijalehden viimeisin numero ›