fix mobile

loan-mgt · Sep 16, 2024 · 7cbff48 · 7cbff48
1 parent c444b39
commit 7cbff48
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/static/index.html b/static/index.html
@@ -20,8 +20,9 @@
 <body>
     <header>
         <nav>
-            <ul>
-                <img src="/static/logo.svg">
+            <img src="/static/logo.svg">
+
+            <ul class="pc-nav">
                 <li><a href="#about">À propos</a></li>
                 <li><a href="#trust">Confiance</a></li>
                 <li><a href="#affiliation">Affiliation</a></li>

diff --git a/static/styles.css b/static/styles.css
@@ -34,6 +34,22 @@
     --border-radius-lg: 10px;
 }
 
+@media screen and (max-width: 600px) {
+    :root {
+        --font-size-base: 0.8rem;
+        --font-size-md: 1rem;
+        --font-size-lg: 1.2rem;
+        --font-size-xl: 2.5rem;
+        --font-size-2xl: 3rem;
+    }
+}
+
+@media screen and (max-width: 800px) {
+    .pc-nav {
+        display: none;
+    }   
+}
+
 /* Reset default styles */
 * {
     margin: 0;
@@ -95,7 +111,7 @@ nav ul li {
     display: flex;
 }
 
-ul img {
+nav img {
     height: 2rem;
 }