Merge pull request #11 from e4f-hamburg/mobile-font-size

Smaller font size for smaller screens
e4f-hamburg · Jan 22, 2024 · 4bc3a16 · 4bc3a16
2 parents f01ef91 + c5324d6
commit 4bc3a16
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/_sass/components/_navbar.scss b/_sass/components/_navbar.scss
@@ -13,6 +13,7 @@
     @include heading-font;
   }
   .navbar-brand {
+    font-size: 1.1em;
     color: $white;
     &.active,
     &:active,

diff --git a/_sass/layout/_masthead.scss b/_sass/layout/_masthead.scss
@@ -18,7 +18,7 @@ header.masthead {
       @include serif-font;
     }
     .intro-heading {
-      font-size: 50px;
+      font-size: 44px;
       font-weight: 700;
       line-height: 50px;
       margin-bottom: 25px;

diff --git a/_sass/layout/_portfolio.scss b/_sass/layout/_portfolio.scss
@@ -78,7 +78,7 @@
   .modal-content {
     padding: 100px 0;
     h2 {
-      font-size: 3em;
+      font-size: 1.4em;
       margin-bottom: 15px;
     }
     p {
@@ -145,3 +145,13 @@
     }
   }
 }
+
+@media (min-width: 768px) {
+  .portfolio-modal {
+    .modal-content {
+      h2 {
+        font-size: 2.2em;
+      }
+    }
+  }
+}