Mobile screen fix

0ndrec · Mar 16, 2024 · 276b69e · 276b69e
1 parent 693676c
commit 276b69e
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/style.css b/style.css
@@ -60,19 +60,19 @@ p {
 }
 
 .container_navbar {
+
   margin-top: 2rem;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
+
   gap: 2rem;
 }
 .navbar {
+  justify-content: space-around;
+
   display: flex;
-  align-items: center;
   height: 2.5rem;
-  width: 80%;
-  justify-content: space-around;
+  align-items: center;
   margin-bottom: 2rem;
 }
 
@@ -173,12 +173,17 @@ p {
 
 @media (max-width: 1024px) {
   .navbar {
-    justify-content: space-between;
-    width: 100%;
+    justify-content: center;
     padding-left: 2rem;
     padding-right: 2rem;
   }
 
+  .navbar a {
+    margin-left: 3px;
+    margin-right: 3px;
+    padding: 0.5rem 1.2rem;
+  }
+
   .container_hero {
     align-items: center;
     padding-left: 2rem;
@@ -208,5 +213,6 @@ p {
     width: 90%;
     flex-direction: row;
     justify-content: space-between;
+    font-size: 1.3rem;
   }
 }