From 7cbff48b3afc6e922aa27e8fa6be43897f73f1c7 Mon Sep 17 00:00:00 2001
From: qypol342 <qypol342@gmail.com>
Date: Mon, 16 Sep 2024 08:10:26 +0200
Subject: [PATCH] fix mobile

---
 static/index.html |  5 +++--
 static/styles.css | 18 +++++++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)
diff --git a/static/index.html b/static/index.html
index 536fdd9..d8e9e3e 100644
--- 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
index a4a9f79..11f091f 100644
--- 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;
 }
 
