feat: responsive login page component

csiddu · Oct 14, 2023 · fee814b · fee814b
1 parent 2bc7cf3
commit fee814b
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/components/Login_page/style2.css b/components/Login_page/style2.css
@@ -11,13 +11,24 @@ body {
     padding: 0px;
     text-align: center;
     width: 995px;
+
+    @media (max-width: 960px) {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 100%;
+    }
 }
 
 .login_div {
     background-color: white;
     padding: 20px;
     max-width: 300px;
     margin-left: 345px;
+
+    @media (max-width: 960px) {
+        margin-left: 0;
+    }
 }
 
 .login_div button {
@@ -48,4 +59,5 @@ body {
 .login_div .forgot {
     margin-top: 20px;
     float: right;
+    margin-left: 8px;
 }