Initial Project

CV_Web.html

@@ -194,7 +194,15 @@
     <div class="projet">
         <div class="Section_Line"></div>
         <div class="Section_Title">PROJECTS</div>
-        <div class="Section_Line Botom"></div>
+        <div class="Section_Line_2"></div>
+        <div class="ImageGrid">
+            <div><img src="Composants/project01.png" alt="Projet 1"></div>
+            <div><img src="Composants/project02.png" alt="Projet 2"></div>
+            <div><img src="Composants/project03.png" alt="Projet 3"></div>
+            <div><img src="Composants/project04.png" alt="Projet 4"></div>
+            <div><img src="Composants/project05.png" alt="Projet 5"></div>
+            <div><img src="Composants/project06.png" alt="Projet 6"></div>
+        </div>
     </div>
 </body>
 </html>
\ No newline at end of file

Style.css

@@ -20,6 +20,8 @@ body {
     /* Fonts */
     font-family: Roboto;
     font-style: normal;
+
+    margin: 0% 0% 0% 0%;
 }
 
 .Bold {
@@ -238,6 +240,7 @@ progress::-webkit-progress-bar {
     display: flex;
     background-color: var(--blue4);
     flex-direction: column;
+    justify-content: center;
 }
 
 .Section_Title {
@@ -253,7 +256,7 @@ progress::-webkit-progress-bar {
 .Section_Line {
     background-color: var(--line);
     height: 1px;
-    width: 1532px;
+    width: 80%;
     align-self: center;
     margin-top: 44px;
 }
@@ -272,7 +275,7 @@ progress::-webkit-progress-bar {
 
 .Education_Grid .Line {
     height: 1px;
-    width: 414px;
+    width: 90%;
 }
 
 .Education_Grid .Light {
@@ -289,13 +292,15 @@ progress::-webkit-progress-bar {
 
 .Education_Cursus {
     display: flex;
-    margin-left: 13%;
-    margin-right: 13%;
+    width: 80%;
+    margin: auto;
     margin-top: 120px;
 }
 
 .projet .Section_Line {
+    margin: auto;
     margin-top: 120px;
+    width: 80%;
 }
 
 .projet .Section_Title {
@@ -303,6 +308,15 @@ progress::-webkit-progress-bar {
     margin-bottom: 44px;
 }
 
-.projet .Section_Line .Botom {
+.projet .Section_Line_2 {
     margin-top: 0%;
+    background-color: var(--accent);
+    margin-bottom: 95px;
+    width: 80%;
+}
+
+.projet .ImageGrid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(3, 1fr);
 }
\ No newline at end of file