RESPONSIVE FIX for bugs or aspect problems

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');

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 */

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);
       }

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;