From a8a49012b44384c77b4a217b21898f597589e113 Mon Sep 17 00:00:00 2001
From: Giovanni-Josserand <josserand.giovanni@gmail.com>
Date: Wed, 27 Aug 2025 22:18:01 +0200
Subject: [PATCH] resolve of size image issue with single project

---
 src/styles/SingleProject.css | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/styles/SingleProject.css b/src/styles/SingleProject.css
index 67d1a61..0421a0b 100644
--- a/src/styles/SingleProject.css
+++ b/src/styles/SingleProject.css
@@ -17,19 +17,22 @@
 .single-project-left {
     position: relative;
     flex-shrink: 0;
-    width: 100%; /* largeur fixe de la left */
+    width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
+    overflow: hidden;
+    max-height: 225px;
 }
 
 .single-project-left img {
-    width: 100%; /* occupe toute la largeur du conteneur */
-    height: auto; /* hauteur ajustée automatiquement pour garder l’intégralité */
+    width: 100%;
+    height: auto;
     display: block;
     transition: opacity 0.3s ease-in-out;
     opacity: 1;
-    object-fit: contain; /* force l’image à remplir le conteneur (déformation possible) */
+    object-fit: cover;
+
 }
 
 .single-project-left img.fade-out {
@@ -141,7 +144,6 @@
     right: 10px;
 }
 
-/* Affichage des flèches au survol de la zone image */
 .single-project-left:hover .arrow {
     display: flex;
 }