Skip to content

Commit

Permalink
Responsive equipes ok 💯
Browse files Browse the repository at this point in the history
  • Loading branch information
NicolasReitin committed Jun 30, 2024
1 parent 577746b commit 27b5126
Show file tree
Hide file tree
Showing 2 changed files with 90 additions and 0 deletions.
24 changes: 24 additions & 0 deletions src/sass/divers.scss
Original file line number Diff line number Diff line change
Expand Up @@ -389,4 +389,28 @@ section{
}
}
}

// _____________________________ Patners _________________________
.partners-title{
font-size: 20px;
}
.partners{
width: 100%;
margin: 5% auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; /* Ajouté pour centrer les éléments horizontalement */
flex-wrap: nowrap;
gap: 5%;
.partners a {
display: inline-block; /* Pour que les éléments a respectent la taille de leurs enfants */
}
img{
height: 100px; /* Taille fixe en hauteur */
width: 200px; /* Taille fixe en largeur */
object-fit: contain; /* Pour que l'image soit entièrement visible à l'intérieur de son conteneur sans déformation */
margin: 10px auto;
}
}
}
66 changes: 66 additions & 0 deletions src/sass/equipes.scss
Original file line number Diff line number Diff line change
Expand Up @@ -88,6 +88,8 @@ section{
}
h3{
text-align: center;
font-size: 20px;
font-weight: 700;
}
}
.staff-cards{
Expand Down Expand Up @@ -119,3 +121,67 @@ section{
}

}

//________________________________________________________________
// ______________________ Media queries __________________________
//________________________________________________________________

/* Media queries pour appareils tablettes */
@media (max-width: 1024px) {

}

/* Media queries pour appareils mobiles */
@media (max-width: 480px) {
.team-img{
margin: 5% auto;
max-width:480px;
max-height: 400px;
border-radius: 0;
}
section{
h1{
position: relative;
white-space: pre-wrap;
margin: 3%;
font-size: $sizeTitleMobile;
}
h2{
font-size: 20px;
}
.players-cards{
width: auto;
padding: 0 10%;
display: flex;
justify-content: center;
flex-wrap: wrap;
.player-card{
margin: 2% auto;
}
img{
width: auto;
height: 250px;
max-width: 350px;
object-fit: contain;
}
h3{
font-size: 16px;
}
}
.coach-card{
img{
width: auto;
height: 250px;
max-width: 350px;
object-fit: contain; }
.no-player{
width: auto;
max-width: 450px;
}
h3{
text-align: center;
font-size: 16px;
}
}
}
}

0 comments on commit 27b5126

Please sign in to comment.