Added mobile friendly version

2024-10-31 21:34:51 +01:00
parent 758a7b44d0
commit dd1e1904f1
11 changed files with 187 additions and 26 deletions
--- a/src/app/hero/hero.component.scss
+++ b/src/app/hero/hero.component.scss
@@ -1,3 +1,5 @@
+@import "../../vars.scss";
+
 :host {
  flex-direction: column;
  justify-content: center;
@@ -21,10 +23,19 @@ h1 {
 }

 .slogan {
-  font-size: 3.5rem;
+  font-size: 3rem;
 }

 img {
  height: 5rem;
  margin-bottom: 0.5rem;
 }
+
+@media only screen and (max-width: $small-screen) {
+  h1 {
+    font-size: 2rem;
+  }
+  .slogan {
+    font-size: 1.3rem;
+  }
+}