réseaux sociaux à droite logo à gauche header

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

@@ -131,7 +131,7 @@
 a {
   text-decoration: none; }
 
-@media (max-width: 934px) {
+@media (max-width: 959px) {
   #block-headermenu {
     display: none; }
   .page-node-type-static .layout__region--top {
@@ -149,6 +149,11 @@ a {
     .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
       width: 100%; } }
 
+@media (max-width: 479px) {
+  .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content {
+    display: flex;
+    flex-direction: column; } }
+
 /*pages*/
 /*
 @import "pages/partials/header_footer";
@@ -455,6 +460,11 @@ a {
       margin: auto;
       padding-top: 2rem;
       padding-bottom: 4rem; }
+      @media (max-width: 479px) {
+        .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content {
+          display: flex;
+          padding-left: 1rem;
+          width: 80%; } }
       .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .views-row:nth-of-type(1) {
         grid-column: 2; }
       .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite {
@@ -508,6 +518,9 @@ a {
     min-width: fit-content;
     margin-bottom: 2rem;
     align-self: end; }
+    @media (max-width: 479px) {
+      .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
+        grid-column: 3 / span 6; } }
     .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link {
       width: fit-content;
       height: fit-content;
@@ -1018,8 +1031,7 @@ header {
     align-items: center;
     color: black;
     font-weight: 800;
-    flex: 1;
-    justify-content: space-between; }
+    flex: 1; }
     #header-top .region-header-top-left #block-logogouv {
       display: flex;
       height: 100%;
@@ -1072,7 +1084,9 @@ header {
           color: #009ee3; }
   #header-top #block-socialnetwork-2 {
     position: relative;
-    top: -33px; }
+    top: -33px;
+    align-self: flex-end;
+    margin-left: auto; }
     #header-top #block-socialnetwork-2 .field--name-body {
       min-height: 75px;
       margin-right: 1rem; }

web/themes/custom/eql/scss/global/_mediaqueries.scss

@@ -1,57 +1,6 @@
-// @media (max-width: 1325px){
-//     .path-frontpage{
-//         .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-//             position: relative;
-//             .field--name-field-lien.field--type-link{
-//                 position: relative;
-//                 bottom: +337%;
-//             }   
-//             .field--name-field-description{
-//                 position: relative;
-//                 bottom: +72%;
-//             } 
-//         }
-    
-//     }
-// }
 
-// @media (max-width: 1330px){
-//     .path-frontpage{
-//         .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-//             position: relative;
-//             .field--name-field-lien.field--type-link{
-//                 position: relative;
-//                 bottom: +387%;
-//             }   
-//             .field--name-field-description{
-//                 position: relative;
-//                 bottom: +132%;
-//             } 
-//         }
-    
-//     }
-// }
 
-// @media (max-width: 1033px){
-//     .path-frontpage{
-//         .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-//             position: relative;
-//             .field--name-field-lien.field--type-link{
-//                 position: relative;
-//                 bottom: +450%;
-//             }   
-//             .field--name-field-description{
-//                 position: relative;
-//                 bottom: +126%;
-//             } 
-//         }
-    
-//     }
-
-// }
-
-
-@media (max-width: 934px){ 
+@media (max-width: 959px){ 
     #block-headermenu{
          display:none;
     }
@@ -95,3 +44,19 @@
       
 }    
 
+
+
+@media (max-width: 479px){ 
+    .path-frontpage{
+        .block-region-content{
+            .block-views-blockactus-blocks-pages-block-1{
+                .view-actus-blocks-pages{
+                    .view-content{
+                        display: flex;
+                        flex-direction: column;
+                    }
+                }
+            }
+        }
+   }
+}

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

@@ -236,6 +236,11 @@
                     margin: auto;
                     padding-top: 2rem;
                     padding-bottom: 4rem;
+                    @media (max-width: 479px){ 
+                        display: flex;
+                        padding-left: 1rem;
+                        width: 80%;
+                    }
                     .views-row:nth-of-type(1) { grid-column: 2; }
                     .node-type-actualite{
                         color: $black;
@@ -299,7 +304,11 @@
             max-width: 50%;
             min-width: fit-content;
             margin-bottom: 2rem; 
-            align-self: end;               
+            align-self: end; 
+            @media (max-width: 479px){ 
+                grid-column: 3 / span 6; 
+            }
+                         
             .field--type-link {
                 width: fit-content;
                 height: fit-content;

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

@@ -33,7 +33,7 @@ header{
         color: $black;  
         font-weight: 800;
         flex: 1;
-        justify-content: space-between;
+        // justify-content: space-between;
 
         #block-logogouv{
             display: flex;
@@ -123,6 +123,8 @@ header{
     #block-socialnetwork-2{
         position: relative;
         top: -33px;
+        align-self: flex-end;
+        margin-left: auto;
         // display: none;
         .field--name-body{
             min-height: 75px;