responsive /activites

web/themes/custom/reha/dist/css/bundle.css

@@ -3688,6 +3688,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 @media (max-width: 891px) {
   .page-actualites .view-actus .views-row .node-type-actualite {
     width: 100% !important;
+    margin-bottom: 2rem;
   }
 }
 .page-actualites .view-actus .views-row .node-type-actualite .entete_actu {
@@ -3702,6 +3703,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   height: 15rem;
   object-fit: cover;
 }
+@media (max-width: 810px) {
+  .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .image-actualite img {
+    height: 10rem;
+  }
+}
 .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content {
   height: fit-content;
   width: 100%;
@@ -3716,10 +3722,20 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.2rem;
   font-weight: 600;
 }
+@media (max-width: 810px) {
+  .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content h2 {
+    font-size: 1rem;
+  }
+}
 .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
   padding-top: 0 rem;
   font-size: 1.2rem;
 }
+@media (max-width: 810px) {
+  .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-sous-titre {
+    font-size: 1rem;
+  }
+}
 .page-actualites .view-actus .views-row .node-type-actualite .entete_actu .infos-content .field--name-field-date {
   padding-top: 0.2rem;
 }

web/themes/custom/reha/scss/pages/_actualites.scss

@@ -33,6 +33,7 @@
                 width: 30vw !important;
                 @media (max-width:891px) {
                     width: 100% !important;
+                    margin-bottom: 2rem;
                 }
                 .entete_actu{
                     flex-direction: column;
@@ -43,6 +44,9 @@
                             width: 100%;
                             height: 15rem;
                             object-fit: cover;
+                            @media(max-width:810px){
+                                height: 10rem;
+                            }
                         }
                     }
                     .infos-content{
@@ -57,10 +61,16 @@
                             margin-left: 0;
                             padding-top: 0.2rem;
                             font-weight: 600;
+                            @media(max-width:810px){
+                                font-size: 1rem;
+                            }
                         }
                         .field--name-field-sous-titre{
                             padding-top: 0 rem;
                             font-size: 1.2rem;
+                            @media(max-width:810px){
+                                font-size: 1rem;
+                            }
                         }
                         .field--name-field-date{
                             padding-top: 0.2rem;