From 8d3840043f4b218182d701f931fede39ba08ea53 Mon Sep 17 00:00:00 2001
From: Suvodip <suvodip@l1>
Date: Wed, 16 Apr 2025 16:43:00 +0530
Subject: [PATCH] s12

---
 src/pages/drawing/drawing_phonics.astro | 3 +--
 src/pages/drawing/drawing_writo.astro   | 2 +-
 src/pages/drawing/index.astro           | 2 +-
 src/pages/drawing/v2.astro              | 2 +-
 src/pages/drawing/v3.astro              | 2 +-
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/pages/drawing/drawing_phonics.astro b/src/pages/drawing/drawing_phonics.astro
index 273631d..c60d736 100644
--- a/src/pages/drawing/drawing_phonics.astro
+++ b/src/pages/drawing/drawing_phonics.astro
@@ -33,7 +33,6 @@ import Layout from '../../layouts/Layout.astro';
                     </div>
                 </div>
             </div>
-           
             <div class="clip-art-container absolute bottom-10 right-10" id="bottomAnimateClipart">
                 <div class="flex flex-row z-50 place-items-end clip-art">
                     <img id="clipArtWithHand" src="" alt="Clip Art" class="">
@@ -42,7 +41,7 @@ import Layout from '../../layouts/Layout.astro';
                         <img src="/assets/svg/bg-star.svg" alt="Right Star" class="absolute right-0 top-1/4 transform -translate-y-1/2 w-12 h-12">
                         
                         <!-- Content -->
-                        <div class="flex flex-col space-y-3 px-10 py-10 w-[348px] h-[187px] ">
+                        <div class="flex flex-col space-y-3 px-4 md:px-10 py-4 md:py-10 md:w-[348px] md:h-[187px] ">
                             <p class="text-center text-[14px] font-[600] text-[#394FC0]">Want to find how much stars you’ve earned?</p>
                             <button id="buddiesName" class="text-[12px] font-[700] text-white bg-[#394FC0] rounded-[4px] w-full py-2.5" onclick="calculateFromAI();"></button>
                             <a href="" class="text-center text-[12px] font-[600] text-[#394FC0] underline decoration-2 underline-offset-[4px]">Skip</a>
diff --git a/src/pages/drawing/drawing_writo.astro b/src/pages/drawing/drawing_writo.astro
index 0d0ae9a..ae91f0b 100644
--- a/src/pages/drawing/drawing_writo.astro
+++ b/src/pages/drawing/drawing_writo.astro
@@ -42,7 +42,7 @@ import Layout from '../../layouts/Layout.astro';
                         <img src="/assets/svg/bg-star.svg" alt="Right Star" class="absolute right-0 top-1/4 transform -translate-y-1/2 w-12 h-12">
                         
                         <!-- Content -->
-                        <div class="flex flex-col space-y-3 px-10 py-10 w-[348px] h-[187px] ">
+                        <div class="flex flex-col space-y-3 px-4 md:px-10 py-4 md:py-10 md:w-[348px] md:h-[187px] ">
                             <p class="text-center text-[14px] font-[600] text-[#394FC0]">Want to find how much stars you’ve earned?</p>
                             <button id="buddiesName" class="text-[12px] font-[700] text-white bg-[#394FC0] rounded-[4px] w-full py-2.5" onclick="calculateFromAI();"></button>
                             <a href="" class="text-center text-[12px] font-[600] text-[#394FC0] underline decoration-2 underline-offset-[4px]">Skip</a>
diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index b0123bc..f4500d7 100644
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -42,7 +42,7 @@ import Layout from '../../layouts/Layout.astro';
                         <img src="/assets/svg/bg-star.svg" alt="Right Star" class="absolute right-0 top-1/4 transform -translate-y-1/2 w-12 h-12">
                         
                         <!-- Content -->
-                        <div class="flex flex-col space-y-3 px-10 py-10 w-[348px] h-[187px] ">
+                        <div class="flex flex-col space-y-3 px-4 md:px-10 py-4 md:py-10 md:w-[348px] md:h-[187px] ">
                             <p class="text-center text-[14px] font-[600] text-[#394FC0]">Want to find how much stars you’ve earned?</p>
                             <button id="buddiesName" class="text-[12px] font-[700] text-white bg-[#394FC0] rounded-[4px] w-full py-2.5" onclick="calculateFromAI();"></button>
                             <a href="" class="text-center text-[12px] font-[600] text-[#394FC0] underline decoration-2 underline-offset-[4px]">Skip</a>
diff --git a/src/pages/drawing/v2.astro b/src/pages/drawing/v2.astro
index 95d5945..cca1855 100644
--- a/src/pages/drawing/v2.astro
+++ b/src/pages/drawing/v2.astro
@@ -42,7 +42,7 @@ import Layout from '../../layouts/Layout.astro';
                         <img src="/assets/svg/bg-star.svg" alt="Right Star" class="absolute right-0 top-1/4 transform -translate-y-1/2 w-12 h-12">
                         
                         <!-- Content -->
-                        <div class="flex flex-col space-y-3 px-10 py-10 w-[348px] h-[187px] ">
+                        <div class="flex flex-col space-y-3 px-4 md:px-10 py-4 md:py-10 md:w-[348px] md:h-[187px] ">
                             <p class="text-center text-[14px] font-[600] text-[#394FC0]">Want to find how much stars you’ve earned?</p>
                             <button id="buddiesName" class="text-[12px] font-[700] text-white bg-[#394FC0] rounded-[4px] w-full py-2.5" onclick="calculateFromAI();"></button>
                             <a href="" class="text-center text-[12px] font-[600] text-[#394FC0] underline decoration-2 underline-offset-[4px]">Skip</a>
diff --git a/src/pages/drawing/v3.astro b/src/pages/drawing/v3.astro
index 9845ea1..43425ce 100644
--- a/src/pages/drawing/v3.astro
+++ b/src/pages/drawing/v3.astro
@@ -42,7 +42,7 @@ import Layout from '../../layouts/Layout.astro';
                         <img src="/assets/svg/bg-star.svg" alt="Right Star" class="absolute right-0 top-1/4 transform -translate-y-1/2 w-12 h-12">
                         
                         <!-- Content -->
-                        <div class="flex flex-col space-y-3 px-10 py-10 w-[348px] h-[187px] ">
+                        <div class="flex flex-col space-y-3 px-4 md:px-10 py-4 md:py-10 md:w-[348px] md:h-[187px] ">
                             <p class="text-center text-[14px] font-[600] text-[#394FC0]">Want to find how much stars you’ve earned?</p>
                             <button id="buddiesName" class="text-[12px] font-[700] text-white bg-[#394FC0] rounded-[4px] w-full py-2.5" onclick="calculateFromAI();"></button>
                             <a href="" class="text-center text-[12px] font-[600] text-[#394FC0] underline decoration-2 underline-offset-[4px]">Skip</a>