Encore des tests

main

@@ -44,7 +44,9 @@
 				</div>
 			</aside>
 		</div>
-		<img src="matrix.jpg" alt="test" title="test" class="testimg"/>
+		<div id="testdiv" >
+			<img src="matrix.jpg" alt="Ma grosse tete la" title="ça pousse" id="imgtest"/>
+		</div>
 		<footer>footer</footer>
 		
 

style.css

@@ -4,6 +4,8 @@ body {
     padding: 0;
     overflow-x: hidden;
     border: dashed purple;
+    display: flex;
+    flex-direction:column;
 }
 
 /* Style pour chaque section avec image de fond */
@@ -132,10 +134,18 @@ header {
     height: 500px;
 }
 
-.testimg{
-    position: absolute;
+#testdiv{
+    width: 100%;                    /* Chaque div prend tt la largeur de l'écra */
+    height: 100vh;                  /* Chaque div prend tt la hauteur de l'écran */
+    display:flex;
+    align-items:flex-start;
+}
+
+#imgtest{
     height:100vh;
-    width:auto;
-    justify-self:center;
+    width:100%;
+    background-size: cover;
     overflow-x: hidden;
+    object-fit: contain;
 }
+