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%; } width: 100%; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne { .field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne {
width: 100%; 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) { @media (max-width: 810px) {
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne { .field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne {
display: flex; display: flex;
flex-direction: column; } } flex-direction: column; } }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-photo { .field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-photo {
grid-column: 1 / 2; grid-column: 1 / 2;
grid-row: 2; grid-row: 1 / span 3;
margin-top: 2rem;
padding-right: 1rem; } padding-right: 1rem; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-prenom { .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; grid-row: 1;
font-weight: 800; } font-weight: 800; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-nom { .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; } grid-row: 2; }
.field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-fonction { .field--name-field-equipes .paragraph--type--equipe .paragraph--type--personne .field--name-field-fonction {
grid-column: 2 / 8; grid-column: 2 / 8;
@@ -81,9 +81,9 @@
.paragraph--type--personne{ .paragraph--type--personne{
width: 100%; width: 100%;
padding-bottom: 3rem; padding-bottom: 3rem;
// display: grid; display: grid;
// grid-template-columns: repeat(7, 1fr); grid-template-columns: repeat(7, 1fr);
// grid-template-rows: repeat(auto-fill); grid-template-rows: repeat(auto-fill);
@media (max-width: 810px){ @media (max-width: 810px){
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -92,18 +92,18 @@
.field--name-field-photo{ .field--name-field-photo{
grid-column: 1 / 2; grid-column: 1 / 2;
grid-row: 2; grid-row: 1 / span 3;
margin-top: 2rem; // margin-top: 2rem;
padding-right: 1rem; padding-right: 1rem;
} }
.field--name-field-prenom{ .field--name-field-prenom{
grid-column: 2 / 8; grid-column: 2 / span 3;
grid-row: 1; grid-row: 1;
font-weight: 800; font-weight: 800;
} }
.field--name-field-nom{ .field--name-field-nom{
grid-column: 2 / 8; grid-column: 2 / span 3;
grid-row: 2; grid-row: 2;
} }
.field--name-field-fonction{ .field--name-field-fonction{