From fee814b5935e92cfad5cf299d9389d0b2bfd4d47 Mon Sep 17 00:00:00 2001 From: Guilherme Orcezi Date: Sat, 14 Oct 2023 18:27:56 -0300 Subject: [PATCH] feat: responsive login page component --- components/Login_page/style2.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/components/Login_page/style2.css b/components/Login_page/style2.css index 33a5824..c3e7a64 100644 --- a/components/Login_page/style2.css +++ b/components/Login_page/style2.css @@ -11,6 +11,13 @@ body { padding: 0px; text-align: center; width: 995px; + + @media (max-width: 960px) { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + } } .login_div { @@ -18,6 +25,10 @@ body { 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; } \ No newline at end of file