Browse Source

responsive taille image

ouidade 4 months ago
parent
commit
1cd8a5f87c

+ 3 - 3
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -1229,17 +1229,17 @@ a {
 }
 @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;
+    max-width: 90vw;
   }
 }
 @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;
+    grid-column: 1/span 8;
   }
 }
 @media (max-width: 499px) {
   .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
-    grid-column: 2/span 8;
+    grid-column: 1/span 8;
   }
 }
 .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images blockquote {

+ 3 - 3
web/themes/custom/eql/scss/pages/_actualite.scss

@@ -112,16 +112,16 @@
                         max-height: 400px;
                         object-fit: contain;
                         @media (max-width: 568px){
-                           max-width: 100vw;
+                           max-width: 90vw;
                         }
                         
                     }
 
                     @media (max-width: 568px){
-                        grid-column: 3 /span 8;
+                        grid-column: 1 /span 8;
                     }
                     @media (max-width: 499px){
-                        grid-column: 2 /span 8;
+                        grid-column: 1 /span 8;
                     }
                     blockquote{
                         font-size: 0.8rem;