responsive page /ressource

web/themes/custom/reha/scss/pages/_node-ressource.scss

@@ -9,16 +9,33 @@
         // #block-reha-titredepage{
         //     display: block !important;
         // }
-
+        @media (max-width:510px){
+            display: flex;
+            flex-direction: column;
+            padding-top: 0;
+        }
         .image-ressource{
             grid-row: 1;
             grid-column: 2;
             margin-right: 2rem;
-
-            img{
-                height: 400px;
-                width: auto;
+            @media (max-width:510px){
+                width: 100%;
             }
+            .field__item{
+                @media (max-width:510px){
+                    display: flex;
+                    width: 100%;
+                }  
+                img{
+                    height: 400px;
+                    width: auto;
+                    @media (max-width:510px){
+                        margin: auto;
+                    } 
+                }     
+            }
+
+           
         }
         .infos-content{
             grid-row: 1;
@@ -26,6 +43,9 @@
             margin-left: 2rem;
             border: none;
             background-color:transparent;
+            @media(max-width:510px){
+                width: 85%;
+            }
             .field--name-field-type-de-ressource{
                 text-transform: uppercase;
                 font-size: 1rem;
@@ -66,6 +86,10 @@
             grid-column: 2 /span 3;
             width: 100%;
             margin-top: 2rem;
+            @media (max-width:510px){
+                width: 80%;
+                margin: auto;
+            }
             .field--name-field-fichiers{
                 width: fit-content;
             }