css equipe gouvernance

This commit is contained in:
2023-06-08 19:04:15 +02:00
parent 808ef51f95
commit 423e9bad84
2 changed files with 14 additions and 12 deletions
@@ -719,22 +719,24 @@ a {
width: 100%; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne {
width: 100%;
padding-bottom: 3rem; }
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(auto-fill); }
@media (max-width: 810px) {
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne {
display: flex;
flex-direction: column; } }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-photo {
grid-column: 1 / 2;
grid-row: 2;
margin-top: 2rem;
grid-row: 1 / span 3;
padding-right: 1rem; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-prenom {
grid-column: 2 / 8;
grid-column: 2 / span 3;
grid-row: 1;
font-weight: 800; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-nom {
grid-column: 2 / 8;
grid-column: 2 / span 3;
grid-row: 2; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-fonction {
grid-column: 2 / 8;
@@ -81,9 +81,9 @@
.paragraph--type--personne{
width: 100%;
padding-bottom: 3rem;
// display: grid;
// grid-template-columns: repeat(7, 1fr);
// grid-template-rows: repeat(auto-fill);
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(auto-fill);
@media (max-width: 810px){
display: flex;
flex-direction: column;
@@ -92,18 +92,18 @@
.field--name-field-photo{
grid-column: 1 / 2;
grid-row: 2;
margin-top: 2rem;
grid-row: 1 / span 3;
// margin-top: 2rem;
padding-right: 1rem;
}
.field--name-field-prenom{
grid-column: 2 / 8;
grid-column: 2 / span 3;
grid-row: 1;
font-weight: 800;
}
.field--name-field-nom{
grid-column: 2 / 8;
grid-column: 2 / span 3;
grid-row: 2;
}
.field--name-field-fonction{