From b6942a8f614d9c80f036834848399cac4deac284 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 15 Oct 2025 09:53:19 +0200
Subject: [PATCH] RESPONSIVE FIX for bugs or aspect problems

---
 resources/css/base/links.css                  | 1 +
 resources/css/blocks/chapter-section.css      | 4 ++--
 resources/css/blocks/dernieres-dynamiques.css | 3 ++-
 resources/css/blocks/revues-precedentes.css   | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/css/base/links.css b/resources/css/base/links.css
index 376dd66..95cf0ec 100644
--- a/resources/css/base/links.css
+++ b/resources/css/base/links.css
@@ -34,6 +34,7 @@ a[target='_blank'] {
   @apply flex items-center;
   transition: transform 0.3s ease-out;
   &:after {
+    flex-shrink: 0;
     transition: transform 0.3s ease-out;
     @apply content-[''] w-10 h-10 ml-2 inline-block;
     background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');
diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css
index 497d7aa..c021ddc 100644
--- a/resources/css/blocks/chapter-section.css
+++ b/resources/css/blocks/chapter-section.css
@@ -31,7 +31,7 @@
   }
 
   &__content {
-    @apply max-w-3xl;
+    @apply max-w-3xl relative;
     p {
       @apply text-neutral-600 max-w-xl mb-2;
     }
@@ -54,7 +54,7 @@
   }
 
   &__cover {
-    @apply object-contain;
+    @apply object-contain relative;
     min-width: 0;
     flex-shrink: 1;
     max-width: 100%; /* Empêche de dépasser son conteneur */
diff --git a/resources/css/blocks/dernieres-dynamiques.css b/resources/css/blocks/dernieres-dynamiques.css
index 96a1f45..7db48aa 100644
--- a/resources/css/blocks/dernieres-dynamiques.css
+++ b/resources/css/blocks/dernieres-dynamiques.css
@@ -139,8 +139,9 @@
       z-index: 0;
       /* opacity: 0.5; */
       top: 100px;
-      height: calc(100% - 150px);
+
       @screen lg {
+        height: calc(100% - 150px);
         transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
           rotateZ(-2deg) rotateY(-4deg) scaleX(1.98);
       }
diff --git a/resources/css/blocks/revues-precedentes.css b/resources/css/blocks/revues-precedentes.css
index 05de5e1..e68953b 100644
--- a/resources/css/blocks/revues-precedentes.css
+++ b/resources/css/blocks/revues-precedentes.css
@@ -11,7 +11,7 @@
     @apply mb-16;
   }
   .swiper-actions-wrapper {
-    @apply md:flex justify-between items-center gap-4;
+    @apply flex flex-col md:flex-row md:justify-between md:items-center gap-4 gap-y-8;
 
     #discover-all-revues {
       @apply internal-link-with-icon;