diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css
index d6ec7e0..9726423 100644
--- a/resources/css/blocks/chapter-section.css
+++ b/resources/css/blocks/chapter-section.css
@@ -1,6 +1,6 @@
 .chapter-section {
   @apply relative lg:flex items-center justify-between gap-8  2xl:gap-12 !my-0;
-  @apply py-32 xl:py-32 2xl:py-48 px-32;
+  @apply py-32 xl:py-32 2xl:py-48 px-4 md:px-32;
 
   @apply max-w-screen-2xl mx-auto;
   color: var(--content-box-text-color);
diff --git a/resources/css/blocks/dernieres-dynamiques.css b/resources/css/blocks/dernieres-dynamiques.css
index 588f8a3..8123399 100644
--- a/resources/css/blocks/dernieres-dynamiques.css
+++ b/resources/css/blocks/dernieres-dynamiques.css
@@ -1,5 +1,5 @@
 .block-dernieres-dynamiques {
-  @apply bg-primary text-white  pt-20 px-12;
+  @apply bg-primary text-white  pt-20 px-4 md:px-12;
   overflow: visible !important;
 
   &__inner {
@@ -7,10 +7,10 @@
   }
 
   &__header {
-    @apply flex items-end justify-between gap-8 uppercase text-4xl mb-12;
+    @apply flex flex-wrap  items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-12;
 
     .block-title {
-      @apply flex grow items-end justify-between gap-8 uppercase text-6xl;
+      @apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-6xl;
       span {
         @apply block shrink-0;
       }
@@ -21,7 +21,7 @@
       }
     }
     .header-link {
-      @apply text-lg font-bold   nunito flex items-center gap-3;
+      @apply text-lg font-medium    nunito flex items-center gap-3;
       text-transform: none;
       span {
         @apply pt-1;
diff --git a/resources/css/blocks/revues-precedentes.css b/resources/css/blocks/revues-precedentes.css
index 2090df1..a1a7f6e 100644
--- a/resources/css/blocks/revues-precedentes.css
+++ b/resources/css/blocks/revues-precedentes.css
@@ -25,11 +25,11 @@
   }
 
   &__slider-content {
-    @apply py-16 pt-32;
+    @apply py-16 pt-8 md:pt-16 lg:pt-32;
   }
 
   .card-revue {
-    @apply flex flex-col lg:grid  lg:grid-cols-2 gap-y-12 2xl:gap-y-16 pb-12 gap-x-12 2xl:gap-x-24 px-12;
+    @apply flex flex-col lg:grid  lg:grid-cols-2 gap-y-2 md:gap-y-12 2xl:gap-y-16 pb-12 gap-x-12 2xl:gap-x-24 lg:px-12 px-4;
     @screen lg {
       grid-template-columns: 61.8fr 38.2fr;
     }
@@ -42,7 +42,7 @@
 
     &__content {
       h4.title {
-        @apply uppercase text-7xl font-normal pb-8;
+        @apply uppercase text-3xl md:text-6xl lg:text-4xl font-normal pb-8;
       }
       h5.edito-title {
         @apply text-2xl font-bold uppercase pb-8;
diff --git a/resources/css/blocks/subscribe-infolettre.css b/resources/css/blocks/subscribe-infolettre.css
index abe37c1..f2cf05d 100644
--- a/resources/css/blocks/subscribe-infolettre.css
+++ b/resources/css/blocks/subscribe-infolettre.css
@@ -1,5 +1,5 @@
 .subscribe-infolettre {
-  @apply relative !text-white px-24;
+  @apply relative !text-white lg:px-24 px-4 md:px-12;
 
   z-index: 5;
   &:after {