From c6332e6d84fbfb85664e5f0adb5f05cfe8bdc9bf Mon Sep 17 00:00:00 2001
From: Brunetto Marie <brunetto@insa-20159>
Date: Wed, 30 Nov 2022 11:23:30 +0100
Subject: [PATCH] CSS alignement

---
 index.html | 16 ++++++++--------
 styles.css | 15 +++++++++++++--
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 85cf1f0..0e21cbb 100644
--- a/index.html
+++ b/index.html
@@ -16,22 +16,22 @@
 
         <div class="grille_haut"> <!-- Grille de mots --> 
             <div id="ligne1">
-                <div id="case11">A</div>
-                <div id="case12">A</div>
-                <div id="case13">A</div>
-                <div id="case14">A</div>
-                <div id="case15">A</div>
+                <div id="case11"></div>
+                <div id="case12"></div>
+                <div id="case13"></div>
+                <div id="case14"></div>
+                <div id="case15"></div>
             </div>
             <div id="ligne2">
-                <div id="case21">A</div>
-                <div id="case22">A</div>
+                <div id="case21"></div>
+                <div id="case22"></div>
                 <div id="case23"></div>
                 <div id="case24"></div>
                 <div id="case25"></div>
             </div>
             <div id="ligne3">
                 <div id="case31"></div>
-                <div id="case32">A</div>
+                <div id="case32"></div>
                 <div id="case33"></div>
                 <div id="case34"></div>
                 <div id="case35"></div>
diff --git a/styles.css b/styles.css
index d6814ef..a28a653 100644
--- a/styles.css
+++ b/styles.css
@@ -5,21 +5,32 @@ header{
     padding-top: 5px;
     font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     font-size: 35px;
+    color:rgb(99, 45, 23);
+    font-weight: bold;
+}
+
+section{
+    padding-top: 5%;
+    align-items: center;
 }
 
 .grille_haut {
     display: flex;
-    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    
 }
 
 .grille_haut div {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
     grid-gap: 5px;
+    padding-top: 5px;
 }
 
 .grille_haut div div {
-    background-color: rgb(182, 182, 182);
+    background-color: rgb(243, 215, 199);
     border-radius: 5px;
     width: 45px;
     height: 45px;