From b1e7db2f6e1fa1b3edd91a9655d17f3682c85b23 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 28 May 2024 12:39:40 +0200
Subject: [PATCH] refining responsive

---
 .../css/components/forms/field-homegrade-rating.css   | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/resources/css/components/forms/field-homegrade-rating.css b/resources/css/components/forms/field-homegrade-rating.css
index 78f1e40..3915f41 100644
--- a/resources/css/components/forms/field-homegrade-rating.css
+++ b/resources/css/components/forms/field-homegrade-rating.css
@@ -3,9 +3,18 @@
     @apply pb-6 !text-2xl text-center;
   }
   .gfield_radio {
-    @apply flex justify-between max-w-lg text-center mx-auto;
+    @apply grid  sm:flex justify-between max-w-lg text-center mx-auto;
+
+    @media screen and (max-width: 400px) {
+      grid-template-columns: auto auto;
+      width: fit-content;
+      column-gap: 1rem;
+    }
     .gchoice {
       @apply flex flex-col justify-center items-center;
+      &:last-child {
+        grid-column: auto / span 2;
+      }
       label.gform-field-label {
         @apply !ml-0 mt-3 !font-normal;
       }