From 08b52615c6acbb6e4ac88ee092d7f96dd158592b Mon Sep 17 00:00:00 2001
From: Didictateur <adrien.decosse@gmail.com>
Date: Wed, 19 Nov 2025 11:52:17 +0100
Subject: [PATCH] affichage responsive

---
 style.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index fe97520..252402c 100644
--- a/style.css
+++ b/style.css
@@ -153,7 +153,29 @@ li{margin:8px 0}
 
 @media (max-width:900px){
   .layout{grid-template-columns:1fr}
-  .nav{display:none}
+  /* On mobile, empile le header et affiche la navigation verticalement
+     au lieu de la masquer. Cela permet d'avoir les liens "Accueil", "Syllabus",
+     etc. visibles sur petit écran. */
+  .site-header .container{
+    flex-direction:column;
+    align-items:flex-start;
+    gap:12px;
+  }
+  .nav{
+    display:flex;
+    flex-direction:column;
+    gap:8px;
+    width:100%;
+    margin-left:0;
+  }
+  .nav a{
+    display:block;
+    width:100%;
+    padding:8px 10px;
+    border-radius:8px;
+    color:var(--muted);
+  }
+  .nav a:hover{color:var(--accent); background:rgba(37,99,235,0.06)}
   .container{padding:16px}
 }