Giovanni-Josserand/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

resolve of size image issue with single project

Browse Source
This commit is contained in:
Giovanni-Josserand 2025-08-27 22:18:01 +02:00
parent e68a967ad2
commit a8a49012b4
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/SingleProject.css
View File

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