Fix scaling on mobile.

elarsaks · Aug 3, 2023 · 7ab40cb · 7ab40cb
1 parent ee092a8
commit 7ab40cb
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/styles/AppHeader.module.css b/src/styles/AppHeader.module.css
@@ -18,7 +18,7 @@
     align-items: center;
   }
 
-  .header-content h1 {
+  .header-content  {
     font-size: 24px;
     margin: 0;
   }
@@ -34,4 +34,14 @@
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     cursor: pointer;
   }
-
+
+
+  @media screen and (max-width: 600px) {
+    .logo-title {
+      align-items: center;
+    }
+
+    .header-content  {
+      font-size: 18px;
+    }
+  }