cleaned up styling on mobile

Lmears · Nov 8, 2023 · d172417 · d172417
1 parent ee89d60
commit d172417
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 16 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -100,7 +100,7 @@ h1 {
     }
 
     nav {
-        padding-bottom: 3rem !important;
+        padding-bottom: 1.5rem !important;
     }
 
     .home-logo {
@@ -136,11 +136,16 @@ h1 {
         /* flex-wrap: wrap; */
     }
 
-    h1,
+
     nav ul li a {
         font-size: smaller;
     }
 
+    #content h1.text-5xl {
+        font-size: 1.875rem;
+        transform: translateY(1rem);
+    }
+
     nav ul li {
         padding: 0.125rem 0rem !important;
     }

diff --git a/index.html b/index.html
@@ -20,38 +20,24 @@
 
             #hamburger-menu {
                 display: block;
-                /* Show hamburger menu */
             }
 
-            /* Ensure all links except the first are hidden */
             nav ul li:not(:first-child) {
                 display: none;
-                /* Hide all links except the first one (home) */
             }
 
-            /* Additional styles for when the menu is active */
             nav.nav-active ul li:not(:first-child) {
                 display: block;
-                /* Show links */
             }
 
             nav ul {
-                display: flex;
                 flex-direction: column !important;
-                justify-content: space-around;
                 align-items: center;
             }
 
-            nav {
-                padding-bottom: 3rem !important;
-            }
-
             .home-logo {
-                /* width: 80px !important; */
                 min-width: 80px !important;
             }
-
-            /* Other adjustments for mobile view */
         }
     </style>
 </head>