Update jekyll-theme-cayman.scss

PRCI-Lab · Jun 2, 2024 · aab4476 · aab4476
1 parent ca7d686
commit aab4476
Showing 1 changed file with 51 additions and 41 deletions.
diff --git a/_sass/jekyll-theme-cayman.scss b/_sass/jekyll-theme-cayman.scss
@@ -21,6 +21,57 @@
   }
 }
 
+// Make sure to use your actual SASS file location
+.site {
+  margin: 0 auto;
+  max-width: 1000px;
+  padding: 2rem 1rem;
+
+  @media screen and (max-width: 1440px) {
+      .wrapper {
+          padding: 1em;
+      }
+
+      nav {
+          font-size: 16px;
+      }
+  }
+  @media screen and (max-width: 768px) {
+      .wrapper {
+          padding: 1em;
+      }
+
+      nav {
+          font-size: 14px;
+      }
+  }
+
+  @media screen and (max-width: 480px) {
+    font-size: 14px;
+
+    .wrapper {
+        padding: 1em;
+    }
+
+    header, .site-footer, .page {
+        padding: 1em;
+    }
+
+    nav {
+        font-size: 12px;
+    }
+  }
+}
+nav {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+
+    @media screen and (max-width: 1440px) {
+        flex-direction: column;
+    }
+}
+
 * {
   box-sizing: border-box;
 }
@@ -63,47 +114,6 @@ a {
 .main-content {
     text-align: justify;
 }
-// Make sure to use your actual SASS file location
-.site {
-  margin: 0 auto;
-  max-width: 1000px;
-  padding: 2rem 1rem;
-
-  @media screen and (max-width: 768px) {
-      .wrapper {
-          padding: 1em;
-      }
-
-      nav {
-          font-size: 14px;
-      }
-  }
-
-  @media screen and (max-width: 480px) {
-    font-size: 14px;
-
-    .wrapper {
-        padding: 1em;
-    }
-
-    header, .site-footer, .page {
-        padding: 1em;
-    }
-
-    nav {
-        font-size: 12px;
-    }
-  }
-}
-nav {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-
-    @media screen and (max-width: 480px) {
-        flex-direction: column;
-    }
-}
 
 .btn {
   display: inline-block;