From 2188820ec239663271269a9670ba13e9946eed46 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 16 Jan 2024 14:59:37 +0100
Subject: [PATCH] responsive adjustements

---
 resources/css/components/archive-page-header.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/css/components/archive-page-header.css b/resources/css/components/archive-page-header.css
index e93a55d..89dd528 100644
--- a/resources/css/components/archive-page-header.css
+++ b/resources/css/components/archive-page-header.css
@@ -15,13 +15,16 @@
   }
   /* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */
   &__terms-grid {
-    @apply grid grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;
+    @apply grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;
 
     .term {
-      @apply bg-white rounded-3xl px-4 py-6 font-bold leading-4;
+      @apply bg-white rounded-xl md:rounded-3xl px-4 pl-10 md:pl-4 py-4 md:py-6 font-bold leading-4;
+    }
+    .term a {
+      @apply flex md:block gap-4 justify-start items-center;
     }
     .term img {
-      @apply rounded-lg pb-4 max-w-[80px] mx-auto;
+      @apply rounded-lg md:pb-4 max-w-[40px] md:max-w-[80px] md:mx-auto;
     }
   }
   /* POUR PUBLICATIONS */