From d439fe173e68447e0dd6c4a817ec3589ef07e8b9 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 6 Dec 2023 16:27:30 +0100
Subject: [PATCH] responsive finetuning

---
 resources/css/blocks/highlight.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/css/blocks/highlight.css b/resources/css/blocks/highlight.css
index 2ad7ff1..f92a389 100644
--- a/resources/css/blocks/highlight.css
+++ b/resources/css/blocks/highlight.css
@@ -2,6 +2,13 @@
   @apply p-12 rounding-radius my-8 max-w-screen-lg mx-auto;
 
   &__titling {
+    @apply sm:flex items-center;
+    /* display: flex;
+    align-items: center; */
+    margin-bottom: 20px;
+    .icon {
+      @apply mb-2 sm:mb-0;
+    }
     h3 {
       @apply pb-4;
     }
@@ -16,10 +23,10 @@
     margin-bottom: 10px;
   }
   &__block-title {
-    @apply !pb-0;
+    @apply !pb-0 !leading-none;
   }
   &__content {
-    @apply flex items-start gap-8;
+    @apply !pt-3 xl:!pt-0 flex flex-col-reverse xl:flex-row items-start gap-x-8 gap-y-2;
     .homegrade-blocks-highlight__content__innerblocks {
       @apply w-full;
     }