From 327b138dee02871dd385cd3dbc34b2cbdac6c619 Mon Sep 17 00:00:00 2001
From: 712Kunal <jadhavkun0@gmail.com>
Date: Fri, 20 Dec 2024 20:36:31 +0530
Subject: [PATCH 1/2] made the error card component fully responsive

---
 Components/Cards/404-Error-Card/style.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/Components/Cards/404-Error-Card/style.css b/Components/Cards/404-Error-Card/style.css
index cb4570ce..5a6d215d 100644
--- a/Components/Cards/404-Error-Card/style.css
+++ b/Components/Cards/404-Error-Card/style.css
@@ -1,7 +1,18 @@
 body {
-    margin: 100px;
-    padding-left: 415px;
+    width: 100%;
+    height: 100vh;
+    padding: 0px;
     background-color: #1679AB;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+/* Media query for mobile devices */
+@media (max-width: 768px) {
+    body {
+        padding: 50px; /* Add padding only for mobile */
+    }
 }
 
 .main_wrapper {
@@ -24,7 +35,7 @@ body {
     align-items: center;
     justify-content: center;
     margin-top: 5em;
-}
+}   
 
 .antenna {
     width: 5em;

From 5868f43c32159b80f342c17fe9b931a49731da1c Mon Sep 17 00:00:00 2001
From: 712Kunal <jadhavkun0@gmail.com>
Date: Mon, 23 Dec 2024 15:09:20 +0530
Subject: [PATCH 2/2] made slide login register form responsive

---
 .../Forms/Slide-Login-Register-Form/style.css | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/Components/Forms/Slide-Login-Register-Form/style.css b/Components/Forms/Slide-Login-Register-Form/style.css
index d9042bbc..dbda8ded 100644
--- a/Components/Forms/Slide-Login-Register-Form/style.css
+++ b/Components/Forms/Slide-Login-Register-Form/style.css
@@ -1,3 +1,18 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body{
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
 .theme-switch {
     --toggle-size: 15px;
     /* the size is adjusted using font-size,
@@ -22,6 +37,9 @@
     --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
     display: flex;
     justify-content: right;
+    position: absolute !important;
+    right: 0px;
+    top: 0px;
 }
 
 .theme-switch,
@@ -225,14 +243,13 @@
 }
 
 .main {
-    position: relative;
-    left: 600px;
+    max-height: 470px;
+    width: 350px;
+    overflow: hidden;
+    border: 2px solid blue;
     display: flex;
     flex-direction: column;
     background-color: #240046;
-    max-height: 500px;
-    max-width: 350px;
-    overflow: hidden;
     border-radius: 12px;
     box-shadow: 7px 7px 10px 3px #24004628;
 }