From 85607781db59dd6d41cc2fb179f2013f8fd52865 Mon Sep 17 00:00:00 2001
From: Joanna Calamus <joannacalamus@gmail.com>
Date: Fri, 27 Feb 2026 22:22:10 +0530
Subject: [PATCH 1/2] refactor: improve responsive layout for ticket
 illustration

---
 src/components/Tickets.jsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/Tickets.jsx b/src/components/Tickets.jsx
index 09f095e..edfe1d1 100644
--- a/src/components/Tickets.jsx
+++ b/src/components/Tickets.jsx
@@ -30,11 +30,18 @@ export default function Tickets() {
       className="scroll-mt-20 flex flex-col items-center py-6 w-11/12 lg:w-5/6 mx-auto relative"
     >
       <Image
-      src="/images/ticket-illustration.svg"
-      alt="Tickets Illustration"
-      width={270}
-      height={270}
-      className="hidden md:block absolute -right-56 -top-20"
+        src="/images/ticket-illustration.svg"
+        alt="Tickets Illustration"
+        width={70}
+        height={70}
+        className="
+        absolute
+        -right-6
+        top-[110px] min-[400px]:top-[85px]
+        md:w-[150px] md:h-[150px]
+        md:-right-16 md:top-12
+        lg:w-[290px] lg:h-[290px]
+        lg:-right-56 lg:-top-20"
       />
       <div className="flex flex-row text-center my-2">
         <MdxLayout>
@@ -42,7 +49,7 @@ export default function Tickets() {
         </MdxLayout>
       </div>
       <iframe
-        className="flex dark:hidden"
+        className="flex mt-6 md:mt-6 lg:mt-0 dark:hidden"
         src="https://konfhub.com/widget/pyconf-hyderabad-2026?desc=false&secondaryBg=FDD100&ticketBg=FFF9DC&borderCl=FDD100&bg=FFFFFF&fontColor=1e1f24&ticketCl=1e1f24&btnColor=FB5850&fontFamily=Nunito&borderRadius=10&widget_type=standard"
         id="konfhub-widget"
         title="Register for PyConf Hyderabad 2026"
@@ -50,7 +57,7 @@ export default function Tickets() {
         height="800"
       ></iframe>
       <iframe
-        className="hidden dark:flex"
+        className="hidden mt-6 md:mt-6 lg:mt-0 dark:flex"
         src="https://konfhub.com/widget/pyconf-hyderabad-2026?desc=false&secondaryBg=C07600&ticketBg=C07600&borderCl=C07600&bg=1A202C&fontColor=F9FAFB&ticketCl=FFF&btnColor=000&anchorTag=fff&fontFamily=Nunito&borderRadius=10&widget_type=standard"
         id="konfhub-widget"
         title="Register for PyConf Hyderabad 2026"

From 153221d275a97b8f3d63f10e08edc4a718757d11 Mon Sep 17 00:00:00 2001
From: Joanna Calamus <joannacalamus@gmail.com>
Date: Sat, 28 Feb 2026 00:27:20 +0530
Subject: [PATCH 2/2] one change

---
 src/components/Tickets.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Tickets.jsx b/src/components/Tickets.jsx
index edfe1d1..7e9e6af 100644
--- a/src/components/Tickets.jsx
+++ b/src/components/Tickets.jsx
@@ -41,7 +41,7 @@ export default function Tickets() {
         md:w-[150px] md:h-[150px]
         md:-right-16 md:top-12
         lg:w-[290px] lg:h-[290px]
-        lg:-right-56 lg:-top-20"
+        lg:-right-[230px] lg:-top-20"
       />
       <div className="flex flex-row text-center my-2">
         <MdxLayout>