sticky working'

index.html

@@ -15,6 +15,7 @@
         <h1>LangProg</h1>
         <p><b>Main</b> page</p>
       </div>
+    </div>
 
     <nav class="nav-bar">
       <span class="nav-left">
@@ -25,14 +26,12 @@
         <a href="pages/donnees.html">Données</a>
       </span>
     </nav>
-    </div>
 
     <div class="main-content">
 
       <div class="side">
         <div class="links">
           <h3>Liens externes..</h3>
-
 <ul>
             <li><a href="https://fr.wikipedia.org/wiki/C_(langage)">C (Wiki)</a></li>
             <li><a href="https://fr.wikipedia.org/wiki/C%2B%2B">C++ (Wiki)</a></li>

pages/article1.html

@@ -16,6 +16,7 @@
         <h1>LangProg</h1>
         <p><b>Le langage C</b> article</p>
       </div>
+    </div>
 
     <nav class="nav-bar">
       <span class="nav-left">
@@ -26,7 +27,6 @@
         <a href="./donnees.html">Données</a>
       </span>
     </nav>
-    </div>
 
     <div class="main-content">
 
@@ -156,7 +156,6 @@
         </section>
       </div>
 
-
     </div>
 
   </body>

styles/main.css

@@ -1,19 +1,15 @@
-* {
+/** {
     box-sizing: border-box;
 }
+*/
 
 body {
     font-family: Arial;
     margin: 0;
 }
 
-
 /* HEADER --------------------------------------------*/
 
-.header {
-    position: sticky;
-}
-
 .header .title {
     background-image: linear-gradient(to right, #ebebeb, cadetblue);
     text-align: center;
@@ -38,6 +34,8 @@ body {
     padding: 5px;
     align-items: baseline;
     background-color: #555;
+    position: sticky;
+    top: 0;
 }
 
 .nav-bar a {
@@ -69,7 +67,7 @@ body {
 
 .main-content {
     display: flex;
-    flex-wrap: wrap;
+    flex-direction: row;
 }
 
 .side {