diff --git a/src/components/LoginForm.jsx b/src/components/LoginForm.jsx index 00d0cc4612496085f035b00d7cf23a50c0ca0d25..e2c165af10a0d2a741a4568543d6a6712265f9bb 100644 --- a/src/components/LoginForm.jsx +++ b/src/components/LoginForm.jsx @@ -23,7 +23,7 @@ export default function LoginForm(props) { const handleGoogleLoginFailed = () => {}; return ( - <div className="loginFormContainer"> + <div className="loginFormComponentContainer"> <h1> <b>Login to discuss anything on Diskuy</b> </h1> diff --git a/src/styles/LoginForm.css b/src/styles/LoginForm.css index e4049ef404ab7e4837599c0406410aa35c955a1d..937e84473578d8959fe9119f6645097e6e919453 100644 --- a/src/styles/LoginForm.css +++ b/src/styles/LoginForm.css @@ -1,4 +1,4 @@ -.loginformComponentContainer { +.loginFormComponentContainer { margin-top: 36px; margin-left: 72px; margin-right: 72px; @@ -11,20 +11,20 @@ margin-bottom: 72px; } -.loginformComponentContainer h1{ +.loginFormComponentContainer h1{ margin-bottom: 40px; text-align: center; } @media only screen and (min-device-width : 320px) and (max-device-width : 540px) { - .loginformComponentContainer { + .loginFormComponentContainer { margin-top: 24px; margin-left: 36px; margin-right: 36px; margin-bottom: 184px; } - .loginformComponentContainer h1{ + .loginFormComponentContainer h1{ font-size: 28px; text-align: center; }