css equipe gouvernance

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;

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{