Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

Update du layout de la page d'équipe

Browse Source
This commit is contained in:
Jeremy
2025-11-22 22:02:46 -05:00
parent 2843bce0ff
commit 758e8fbc4e
2 changed files with 47 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
www/css/style.css
View File

@@ -119,11 +119,12 @@ footer {
background-color: rgb(19 23 44 / 90%);
border-radius: 20px;
display: grid;
align-items: center;
align-items: flex-start;
grid-template-areas:
"avatar description"
"nom description";
grid-template-columns: 1fr 3fr;
"avatar nom"
"avatar description";
grid-template-columns: 1fr 5fr;
grid-template-rows: 1fr 5fr;
padding: 16px;
margin: 16px 5%;
text-align: justify;
@@ -133,11 +134,12 @@ footer {
background-color: rgb(19 23 44 / 90%);
border-radius: 20px;
display: grid;
align-items: center;
align-items: flex-start;
grid-template-areas:
"description avatar"
"description nom";
grid-template-columns: 3fr 1fr;
"nom avatar"
"description avatar";
grid-template-columns: 5fr 1fr;
grid-template-rows: 1fr 5fr;
padding: 16px;
margin: 16px 5%;
text-align: justify;
@@ -145,18 +147,20 @@ footer {
.team div.avatar {
grid-area: avatar;
grid-template-columns: 30%;
grid-template-columns: 15%;
display: flex;
justify-content: center;
}
.team div.nom {
grid-area: nom;
grid-template-columns: 70%;
grid-template-columns: 85%;
text-align: center;
}
.team div.description {
grid-area: description;
grid-template-columns: 70%;
grid-template-columns: 85%;
}
.team div.avatar img {
@@ -166,6 +170,10 @@ footer {
padding: 16px;
}
.team div.grilleDroite:hover, .team div.grilleGauche:hover {
background-color: rgba(39, 58, 86, 90%);
}
/****************************/