grid home

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

@@ -85,9 +85,18 @@
 
 // bouton voir toutes actus du bandeau bleu
 .layout--onecol{
+    .block-block-content{
+        display: grid;
+        // grid-template-rows: repeat(auto fill, 1fr);
+        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+    }
+        
     .field--type-link {
-        display: block;
-        float: right;
+        grid-area: 8 / span 9;
+        grid-row: 0;
+        justify-self: end;
+        // display: block;
+        // float: right;
         width: fit-content;
         height: fit-content;
         padding: 0.4rem 1rem;
@@ -115,16 +124,17 @@
 .view-display-id-block_2{
     padding-top: 2rem;
     .node-type-static{
-        width: 80%;
-        margin: auto;
+        // margin: auto;
         div:first-child:not(.field__item):not(.field){
-            display: flex;
-            flex-direction: row;
+        display: grid;
+        // grid-template-rows: repeat(auto fill, 1fr);
+        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
         }
-        padding: 1rem;
 
         .inline.links{
-            align-self: flex-end;
+            // align-self: flex-end;
+            grid-column: 9;
+            grid-row: 2;
             width: fit-content;
             height: fit-content;
             padding: 0.4rem 1rem;
@@ -144,6 +154,7 @@
             }
         }
         .field--name-field-images{
+            grid-column: 2 / 3;
             .field__item{
                 img{
                     width: 15rem;
@@ -155,7 +166,8 @@
             display: none;
         }
         .field--name-field-accroche{
-            flex: 1 1 50px;
+            // flex: 1 1 50px;
+            grid-column: 3 / 9;
             padding-left: 1rem;
             p{
                 font-size: 1.5rem;

web/themes/custom/eql/scss/styles.scss

@@ -21,6 +21,7 @@
 @import "pages/_home";
 @import "pages/_partenaires";
 @import "pages/_actualites";
+@import "pages/_gouvernance";
 
 
 /*partials*/