From 37ad1f11b582dfdbf63e544cd396397457a86ce9 Mon Sep 17 00:00:00 2001
From: Subinoy Biswas <115915591+subinoybiswas@users.noreply.github.com>
Date: Sun, 9 Jun 2024 13:32:57 +0530
Subject: [PATCH] style: change media query for the box

---
 app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/page.tsx b/app/page.tsx
index 52fce83..4048720 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -92,7 +92,7 @@ export default function Home() {
     <NextUIProvider>
 
       <main className="flex min-h-screen flex-col items-center align-middle justify-between p-24 background content-center w-full">
-        <div className="flex flex-col relative gap-2 items-center w-[95vw] sm:w-1/2 bg-slate-200/50 p-5 rounded-3xl ">
+        <div className="flex flex-col relative gap-2 items-center w-[95vw] md:w-3/4 lg:w-1/2 bg-slate-200/50 p-5 rounded-3xl ">
 
           {/* Instruction activate button */}
           <div