diff --git a/resources/css/components/publications-grid-array.css b/resources/css/components/publications-grid-array.css
index 1bb74c3..c9ad14a 100644
--- a/resources/css/components/publications-grid-array.css
+++ b/resources/css/components/publications-grid-array.css
@@ -2,30 +2,29 @@
   @apply max-w-screen-xl mx-auto pt-12 mb-12;
 
   &__row {
-    @apply grid lg:grid-cols-11 gap-8;
-    align-items: center;
+    @apply flex flex-col gap-y-4 gap-3 lg:gap-8 items-start md:items-center  lg:grid grid-cols-11;
   }
   &__row + &__row {
     @apply mt-8 border-t border-gray pt-8;
   }
   &__cover {
-    @apply w-20 rounded-lg col-span-1;
+    @apply w-20 rounded-lg  md:col-span-1;
   }
   &__icon {
-    @apply w-20 rounded-2xl col-span-1;
+    @apply w-20 rounded-2xl  md:col-span-1;
   }
   &__title {
-    @apply col-span-4 font-bold;
+    @apply md:col-span-4 font-bold;
+    line-height: 1.3;
   }
   &__thematique {
-    @apply col-span-2 text-center w-fit;
-    place-self: center;
+    @apply col-span-5 md:col-span-2 text-center w-fit md:place-self-center;
   }
   &__edition {
-    @apply col-span-2 text-center;
+    @apply col-span-6 md:col-span-2 md:text-center;
   }
   &__button {
-    @apply col-span-2 flex justify-end;
+    @apply col-span-11 md:col-span-2 md:justify-end place-self-center mt-4 lg:mt-0;
   }
   &__video-thumbnail {
     @apply w-full h-auto rounded-lg col-span-2 object-cover;