💄 style: increased fontsize on very large screens

Ayngie · Jan 19, 2024 · f4ebdda · f4ebdda
1 parent c99cd59
commit f4ebdda
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/styles/layout/header/desktopNavBar/StyledDesktopNavBar.ts b/src/components/styles/layout/header/desktopNavBar/StyledDesktopNavBar.ts
@@ -42,6 +42,10 @@ export const StyledDesktopNavBar = styled.nav`
       justify-content: center;
       width: 100%;
     }
+    
+    @media screen and (min-width: 1500px) {
+      font-size: 1.3rem;
+    }
   }
 }
 `;
diff --git a/src/index.scss b/src/index.scss
@@ -17,6 +17,10 @@ html, body {
     padding: 0;
     width: 100%;
     background-color: aliceblue; // baby blue
+
+    @media screen and (min-width: 1500px) {
+      font-size: 1.2rem;
+    }
   }
 }