diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 140af0e..d32df1e 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -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; diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss index 8156ff3..96f4f3b 100644 --- a/web/themes/custom/eql/scss/pages/_partenaires.scss +++ b/web/themes/custom/eql/scss/pages/_partenaires.scss @@ -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{