Merge pull request #11 from guilhermeorcezi/feat/login-page-responsive

feat: responsive login page component
csiddu · Oct 15, 2023 · 51460cb · 51460cb
2 parents 2bc7cf3 + fee814b
commit 51460cb
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;
 }