minchg2

index.html

@@ -27,6 +27,7 @@
       <section class="articles">
         <h2>actualités des languages</h2>
 
+        <div>
           <article>
             <h3>Quelques données...</h3>
             <p>Voici quelques données sur les différants languages de
@@ -65,11 +66,13 @@
                 classes</strong>.</p>
             <a href="./pages/article3.html">Lire la suite...</a>
           </article>
+        </div>
       </section>
 
       <section class="actus">
         <h2>Actualités du site</h2>
 
+        <div>
           <article>
             <h4>Initialisation du site</h4>
             <p>08/09/2022: Création de la page d'acceuil, des 3 premiers articles,
@@ -86,6 +89,14 @@
             <p>29/09/2022: Création de multiple fichiers de styles adaptive,
               arrangement du code pour une meilleur lisibilité.</p>
           </article>
+
+          <article>
+            <h4>MAJ du style 1</h4>
+            <p>05/10/2022: Mise à niveau du style: style pour les pages d'article,
+              de donnée, création de la page de Gallerie avec des photos et des
+              vidéos, nouvelles bordures, overflow, position (stiky).</p>
+          </article>
+        </div>
       </section>
 
       <aside class="links">

styles/main.css

@@ -63,6 +63,17 @@ a:active { color: darkgrey; }
 
 .main-content section {
     margin-left: 10px;
+    border-bottom: 2px solid cadetblue;
+}
+
+.main-content .articles div {
+    height: 600px;
+    overflow: scroll;
+}
+
+.main-content .actus div {
+    height: 200px;
+    overflow: scroll;
 }
 
 .main-content .articles article {
@@ -80,6 +91,7 @@ a:active { color: darkgrey; }
 .main-content h2 {
     background-color: cadetblue;
     border-bottom: 6px solid darkgrey;
+    margin-bottom: 3px;
 }
 
 .main-content h4 {