🏗️ creating layouts for login and signup

widgets/login/loginCard/EmailForm.tsx

@@ -6,7 +6,7 @@ const EmailForm = () => {
     // Form component to handle email input
     <Form className="mt-12 sm:mt-8">
       <Input
-        className="w-full sm:w-[420px] "
+        className="w-full "
         label="Email"
         type="email"
         variant="bordered"

widgets/login/loginCard/Index.tsx

@@ -8,7 +8,7 @@ import { routes } from "@/shared/config/routes";
 
 const LoginCard = () => {
   return (
-    <Card className="px-6 sm:px-8 py-12 sm:py-8 h-screen sm:h-auto w-screen sm:w-auto">
+    <Card className="px-6 sm:px-8 py-12 sm:py-8 h-screen sm:h-auto w-screen sm:w-[460px]">
       <h1 className="text-3xl font-light text-center">Welcome Back</h1>
 
       {/* Email form */}