css ressource

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

@@ -2136,6 +2136,11 @@ a {
   padding-top: 4rem;
   /* Hide empty blocks */
 }
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--top {
+    padding-top: 0rem;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top {
   display: flex;
   flex-direction: column;
@@ -2150,11 +2155,11 @@ a {
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
   width: fit-content;
   padding-right: 2rem;
-  padding-left: 30%;
+  padding-left: 25%;
 }
 @media screen and (min-width: 1100px) {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
-    grid-column: 1/2;
+    grid-column: 1;
     grid-row: 1/span 7; /* Prendre toutes les lignes disponibles */
     align-self: start; /* S'assurer qu'il commence en haut */
   }
@@ -2164,6 +2169,12 @@ a {
     padding-left: 13%;
   }
 }
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
+    width: 100vw;
+    padding: 0;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640,
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource,
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle,
@@ -2198,9 +2209,9 @@ a {
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution,
   .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
     width: auto;
-    margin-left: 5%;
-    margin-right: 15%;
-    grid-column: 2/3;
+    margin-left: 7rem;
+    margin-right: 1;
+    grid-column: 3/4;
     align-self: start; /* S'assurer qu'il commence en haut */
     height: fit-content;
   }
@@ -2251,6 +2262,12 @@ a {
   font-size: 2rem;
   font-weight: 600;
 }
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
+    font-size: 1.5rem;
+    width: 80vw;
+  }
+}
 .page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre .field--name-field-edition p {
   margin-bottom: 0;
 }
@@ -2353,6 +2370,11 @@ a {
 .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
   padding-right: 2rem;
 }
+@media (max-width: 550px) {
+  .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
+    padding-right: 0;
+  }
+}
 .page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes p {
   margin-top: 0;
 }

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

@@ -4,6 +4,9 @@
     // #block-contenudelapageprincipale{
         .layout__region--top{
             padding-top: 4rem;
+            @media (max-width: 550px) {
+                padding-top: 0rem;
+            }
             .block-region-top{
                 display: flex;
                 flex-direction: column;
@@ -24,18 +27,22 @@
                     width: fit-content;
                     // margin: auto;
                     padding-right: 2rem;
-                    padding-left: 30%;
+                    padding-left: 25%;
                     @media screen and (min-width:1100px) {
                         // grid-column: 2/span 4;
                         // grid-row: 1 /span 5;
                         
-                        grid-column: 1 / 2;
+                        grid-column: 1;
                         grid-row: 1 /span 7; /* Prendre toutes les lignes disponibles */
                         align-self: start; /* S'assurer qu'il commence en haut */
                     }
                     @media (max-width: 1100px) {
                         padding-left: 13%;
                     }
+                    @media (max-width: 550px) {
+                        width: 100vw;
+                        padding: 0;
+                    }
                     
                 }
                 .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640, 
@@ -54,9 +61,9 @@
                     }
                     @media screen and (min-width: 1100px) {
                         width: auto;
-                        margin-left: 5%;
-                        margin-right: 15%;
-                        grid-column: 2 / 3;
+                        margin-left: 7rem;
+                        margin-right: 1;
+                        grid-column: 3 / 4;
                         align-self: start; /* S'assurer qu'il commence en haut */
                         height: fit-content ;
                         p{margin: 0;}
@@ -66,6 +73,8 @@
                         margin-left: 9%;
                         margin-right: 9%;
                     }
+                  
+                    
                 }
             
                 .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640{
@@ -120,6 +129,12 @@
                     //     grid-row: 2;
 
                     // }
+                    .field--name-title{
+                        @media (max-width: 550px) {
+                            font-size: 1.5rem;
+                            width: 80vw;
+                        }
+                    }
                 }
 
                 .block-entity-fieldnodefield-sous-titre{
@@ -302,6 +317,9 @@
                 }
                 .field--type-text-long{
                     padding-right: 2rem;
+                    @media (max-width: 550px){
+                        padding-right: 0;
+                    }
                 }
                 p{
                     margin-top: 0;