grid partenaire

web/themes/custom/eql/css-compiled/styles.css

@@ -308,20 +308,19 @@ a {
         margin: 0;
         padding-bottom: 1rem; }
 
-.field--name-field-partenaires {
-  display: flex;
-  flex-direction: column; }
+.field--name-field-partenaires .paragraph--type--partenaire {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  grid-template-areas: "logo content"; }
   .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
-    display: block;
-    width: 30%;
-    height: inherit;
-    float: left; }
+    grid-area: logo; }
   .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
-    clear: both;
-    width: 70%;
+    grid-area: content;
     font-weight: 800; }
   .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
-    width: 70%; }
+    grid-area: content; }
+  .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
+    grid-area: content; }
 
 .node-type-actualite {
   color: #09398b;

web/themes/custom/eql/scss/pages/_partenaires.scss

@@ -2,23 +2,35 @@
 
 
 .field--name-field-partenaires{
-    display: flex;
-    flex-direction: column;
+    // display: flex;
+    // flex-direction: column;
     .paragraph--type--partenaire{
+        // display: flex;
+        // flex-direction: column;        
+        display: grid;
+        grid-template-columns: 1fr 2fr;
+        grid-template-areas: "logo content";
 
         .field--name-field-logo{
-            display: block;
-            width: 30%;
-            height: inherit;
-            float: left;
+            grid-area: logo;
+
+            // width: 30%;
+            // order: -1;
+            // flex: 0 0 100%;
+
         }
         .field--name-field-titre{
-            clear: both;
-            width: 70%;
+            // // clear: both;
+            // width: 70%;
+            grid-area: content;
             font-weight: 800;
         }
         .field--name-field-texte{
-            width: 70%;
+            // width: 70%;
+            grid-area: content;
+        }
+        .field--name-field-lien{
+            grid-area: content;
         }
     
     }

web/themes/custom/eql/scss/partials/_header.scss

@@ -2,9 +2,9 @@
 .layout-container{
     position: relative;
 }
-header{
+header{                       
     display: block;
-    position: sticky;
+    position: sticky;     // sticky marche pas :(
 
 }
 
@@ -20,7 +20,7 @@ header{
     top:0%;
 
 
-    .region-header-top-left {
+    .region-header-top-left {                // logo + menu déroulant
         display:flex;
         flex-direction: row;
         padding: 1rem;
@@ -43,6 +43,8 @@ header{
                 padding-right: 1rem;
                 a {
                     color: $black;
+                    // font-weight: 800;
+
                 }
                 .is-active {
                     color: $blue-light;
@@ -86,7 +88,7 @@ header{
     }
 
 
-    #block-burger {
+    #block-burger {                         // menu burger à droite
         z-index: 1;
         background-color: $blue-light;
         font-size: 0.5rem;
@@ -127,24 +129,23 @@ header{
             z-index: 99;
 
         }
-            ul  {
-                display: none;
-                background-color: $blue-light;
-                line-height: 2rem;
-                list-style: none;
-            
-                .ul1 .sous-liste{
-                    a{
-                        opacity: 1;
-                    }
-                }
+        ul  {
+            display: none;
+            background-color: $blue-light;
+            line-height: 2rem;
+            list-style: none;
+        
+            .ul1 .sous-liste{
                 a{
-                    opacity: 0.6;
-                    color: $white;
-                    font-weight: 800;
-                    font-size: 1rem;
+                    opacity: 1;
                 }
-        
+            }
+            a{
+                opacity: 0.6;
+                color: $white;
+                font-weight: 800;
+                font-size: 1rem;
+            }
         }
         &.opened ul {
           display: block;