Cleanup mobile styles.

tschoffelen · Jun 8, 2023 · d814c20 · d814c20
1 parent 207da2d
commit d814c20
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/styles/_blog.scss b/styles/_blog.scss
@@ -29,7 +29,7 @@
     }
 
     @media (max-width: 640px) {
-      margin-top: 24px;
+      margin-top: 1rem;
       margin-bottom: 24px;
     }
   }

diff --git a/styles/_home.scss b/styles/_home.scss
@@ -86,6 +86,7 @@
   padding: 12px 0;
   font-weight: 600;
   transition: color 0.3s linear;
+  line-height: 1.5;
 
   .link-category {
     background-color: #f4f4f5;

diff --git a/styles/_navigation.scss b/styles/_navigation.scss
@@ -26,8 +26,8 @@ header {
 
     @media (max-width: 42rem) {
       position: absolute;
-      top: 3rem;
-      left: 3rem;
+      top: 2rem;
+      left: 2rem;
     }
   }
 }
diff --git a/styles/_typography.scss b/styles/_typography.scss
@@ -77,7 +77,7 @@ main ::selection {
 
 h1 {
   font-size: 2.5rem;
-  line-height: 1.3;
+  line-height: 1.4;
   margin-bottom: 0;
 
   @media (max-width: 42rem) {

diff --git a/styles/globals.scss b/styles/globals.scss
@@ -9,6 +9,10 @@ main {
   margin: 0 auto;
   position: relative;
   max-width: 42rem;
+
+  @media (max-width: 600px) {
+    padding: 2rem;
+  }
 }
 
 @import "typography";