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; }