Reduce top margin for mobile devices

Itz-fork · Nov 2, 2023 · 25febe2 · 25febe2
1 parent 7326a17
commit 25febe2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -8,5 +8,5 @@ This is my personal website (temporary)
 
 ---
 
-- Website with fallback background image incase animation doesn't work
+- Website with fallback background image (incase animation doesn't work)
 ![Fallback](/screenshots/fallback.png)
diff --git a/site/style.css b/site/style.css
@@ -145,6 +145,10 @@
 
 /* For mobile devices */
 @media only screen and (max-device-width: 768px) {
+  /* Main */
+  .main {
+    margin-top: 20vh;
+  }
   /* Social bar (bottom) */
   .socials {
     margin: auto;
@@ -165,10 +169,6 @@
 
 /* For Desktops & Tablets */
 @media only screen and (min-device-width: 800px) {
-  /* Main */
-  .main {
-    margin-top: 20vh;
-  }
   /* Social bar (side) */
   .socials {
     position: -webkit-sticky;