actu mobile

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -1216,6 +1216,11 @@ a {
   max-height: 400px;
   object-fit: contain;
 }
+@media (max-width: 568px) {
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
+    max-width: 100vw;
+  }
+}
 @media (max-width: 568px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
     grid-column: 3/span 8;
@@ -1281,6 +1286,11 @@ a {
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
   flex: 0 1 50%;
 }
+@media (max-width: 568px) {
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
+    width: 80%;
+  }
+}
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
   width: 90%;
 }
@@ -1349,6 +1359,11 @@ a {
   flex-direction: row;
   justify-content: space-between;
 }
+@media (max-width: 568px) {
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items {
+    flex-direction: column;
+  }
+}
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items .paragraph--type--partenaire {
   display: flex;
   flex-direction: column;
@@ -1394,6 +1409,11 @@ a {
     padding-right: 1rem;
   }
 }
+@media (max-width: 568px) {
+  .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
+    width: 100%;
+  }
+}
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
   display: none;
 }

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

@@ -102,6 +102,9 @@
                         width: 100%;
                         max-height: 400px;
                         object-fit: contain;
+                        @media (max-width: 568px){
+                           max-width: 100vw;
+                        }
                         
                     }
 
@@ -174,6 +177,9 @@
         }
         .layout__region--second{ 
             flex: 0 1 50%;
+            @media (max-width: 568px){
+                width: 80%;
+            }
             .block-region-second{
                 width: 90%;
                 @media (max-width:810px) {
@@ -250,6 +256,9 @@
                         display: flex;
                         flex-direction: row;
                         justify-content: space-between;
+                        @media (max-width: 568px){
+                            flex-direction: column;
+                        }
                         .paragraph--type--partenaire{
                             display: flex;
                             flex-direction: column;
@@ -301,6 +310,9 @@
                             width: max-content;
                             padding-right: 1rem;
                         }
+                        @media (max-width: 568px){
+                            width: 100%;
+                        }
                     }
                     span:nth-of-type(2){
                         display: none;