amélioration CSS flex

index.html

@@ -11,7 +11,7 @@
     <ul id="navbar">
       <li><img id="logo" src="logo.svg"></li>
       <li><a href="#">Accueil</a></li>
-      <li><a href="#">Réalisation de plans 2S</a></li>
+      <li><a href="#">Réalisation de plans 2D</a></li>
       <li><a href="#">Modélisation 3D</a></li>
       <li><a href="#">CV</a></li>
       <li><a href="#">Contact</a></li>

style.css

@@ -11,6 +11,10 @@ body {
       'menu title'
       'menu content';
   }
+  #navbar {
+    height: 100vh;
+    position: fixed;
+  }
 }
 
 @media (max-width: 900px) {
@@ -27,10 +31,15 @@ body {
 }
 
 #navbar {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   background-color: #eadecc;
   list-style: none;
+  margin: 0;
   margin-right: 1rem;
   padding-top: 1rem;
+  padding-right: 1rem;
   grid-area: menu;
 }
 
@@ -65,6 +74,12 @@ h1, h2, h3 {
   margin-top: 0;
 }
 
+.galery {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
 .galery a img {
   margin: 0.5rem;
 }