From a76917c6f22fece78ea8612e2052a4e1d0bf3071 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 19 Mar 2025 12:17:22 +0100
Subject: [PATCH] modification on schema figaption display to handle grid only
 when the container has enough space

---
 resources/css/blocks/focused-schema.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/css/blocks/focused-schema.css b/resources/css/blocks/focused-schema.css
index 238643f..92e377c 100644
--- a/resources/css/blocks/focused-schema.css
+++ b/resources/css/blocks/focused-schema.css
@@ -6,12 +6,17 @@
     }
   }
   figcaption {
+    container-type: inline-size;
     .legend,
     .description {
       @apply !text-base  !text-neutral-600 font-medium;
     }
     ol {
-      @apply xl:grid grid-cols-2;
+      @container (min-width: 400px) {
+        background-color: blue !important;
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+      }
     }
   }