From db236780b7f25122261f7af45c229a1622ae03ea Mon Sep 17 00:00:00 2001
From: "esteban.jacques" <esteban.jacques@etu.uca.fr>
Date: Tue, 29 Oct 2024 22:17:07 +0000
Subject: [PATCH] Encore des tests

---
 main      |  4 +++-
 style.css | 18 ++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/main b/main
index 734a0a8..2644b9b 100644
--- a/main
+++ b/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>
 		
 
diff --git a/style.css b/style.css
index 1ffc7c5..8f6e046 100644
--- a/style.css
+++ b/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;
 }
+