bandeau node static sur home, flex

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

@@ -278,39 +278,39 @@ a {
 
 .view-display-id-block_2 {
   padding-top: 2rem; }
-  .view-display-id-block_2 .node-type-static div:first-child:not(.field__item):not(.field) {
-    display: grid;
-    grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
-  .view-display-id-block_2 .node-type-static .inline.links {
-    grid-column: 9;
-    grid-row: 2;
-    width: fit-content;
-    height: fit-content;
-    padding: 0.4rem 1rem;
-    font-size: 0.8rem;
-    margin: 0;
-    background-color: white;
-    border: 2px solid #009ee3;
-    list-style: none; }
-    .view-display-id-block_2 .node-type-static .inline.links a {
-      text-transform: uppercase;
-      font-weight: 700;
-      color: #009ee3; }
-  .view-display-id-block_2 .node-type-static .field--name-field-images {
-    grid-column: 2 / 3; }
+  .view-display-id-block_2 .node-type-static {
+    width: 70%;
+    margin: auto; }
+    .view-display-id-block_2 .node-type-static div:first-child:not(.field__item):not(.field) {
+      display: flex;
+      flex-direction: row; }
+    .view-display-id-block_2 .node-type-static .inline.links {
+      align-self: flex-end;
+      width: fit-content;
+      height: fit-content;
+      padding: 0.4rem 1rem;
+      font-size: 0.8rem;
+      margin: 0;
+      background-color: white;
+      border: 2px solid #009ee3;
+      list-style: none; }
+      .view-display-id-block_2 .node-type-static .inline.links a {
+        text-transform: uppercase;
+        font-weight: 700;
+        color: #009ee3; }
     .view-display-id-block_2 .node-type-static .field--name-field-images .field__item img {
       width: 15rem;
       height: auto; }
-  .view-display-id-block_2 .node-type-static .field--name-title {
-    display: none; }
-  .view-display-id-block_2 .node-type-static .field--name-field-accroche {
-    grid-column: 3 / 9;
-    padding-left: 1rem; }
-    .view-display-id-block_2 .node-type-static .field--name-field-accroche p {
-      font-size: 1.5rem;
-      width: 110%;
-      margin: 0;
-      padding-bottom: 1rem; }
+    .view-display-id-block_2 .node-type-static .field--name-title {
+      display: none; }
+    .view-display-id-block_2 .node-type-static .field--name-field-accroche {
+      flex: 1 1 50px;
+      padding-left: 1rem; }
+      .view-display-id-block_2 .node-type-static .field--name-field-accroche p {
+        font-size: 1.5rem;
+        width: 110%;
+        margin: 0;
+        padding-bottom: 2rem; }
 
 .field--name-field-partenaires {
   padding-top: 3rem; }

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

@@ -119,22 +119,25 @@
 }
 
 
-// boutons en savoir plus pour lien vers pages statiques
+// boutons en savoir plus pour lien vers pages statiques 
+// présentation programme
 
 .view-display-id-block_2{
     padding-top: 2rem;
     .node-type-static{
-        // margin: auto;
+        width: 70%;
+        margin: auto;
         div:first-child:not(.field__item):not(.field){
-        display: grid;
-        // grid-template-rows: repeat(auto fill, 1fr);
-        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+        // display: grid;
+        // grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+        display: flex;
+        flex-direction: row;
         }
 
         .inline.links{
-            // align-self: flex-end;
-            grid-column: 9;
-            grid-row: 2;
+            align-self: flex-end;
+            // grid-column: 9;
+            // grid-row: 2;
             width: fit-content;
             height: fit-content;
             padding: 0.4rem 1rem;
@@ -154,7 +157,7 @@
             }
         }
         .field--name-field-images{
-            grid-column: 2 / 3;
+            // grid-column: 2 / 4;
             .field__item{
                 img{
                     width: 15rem;
@@ -166,14 +169,14 @@
             display: none;
         }
         .field--name-field-accroche{
-            // flex: 1 1 50px;
-            grid-column: 3 / 9;
+            flex: 1 1 50px;
+            // grid-column: 4 / 9;
             padding-left: 1rem;
             p{
                 font-size: 1.5rem;
                 width: 110%;
                 margin: 0;
-                padding-bottom: 1rem;
+                padding-bottom: 2rem;
             }
 
         }