Actually I have been coding this Login form in html css but there is a problem in the responsive version in desktop, mobile responsive looks completely fine. Here the repository for this login form.
Here is the media queries for the desktop version -
@media screen and (min-width: 1024px) {
.login {
height: 100vh;
overflow: hidden;
}
.login__content {
grid-template-columns: repeat(2,max-content);
justify-content: center;
align-items: center;
margin-left: 10rem;
}
.login__img {
display: flex;
width: 600px;
height: 588px;
background-color: var(--first-color-lighten);
border-radius: 1rem;
padding-left: 1rem;
}
.login__img img {
width: 390px;
margin-top: 0;
}
.login__register,
.login__create {
left: -11rem;
}
.login__register {
bottom: -2rem;
}
.login__create {
bottom: -5.5rem;
}
}
Repo link - https://github.com/ARIF683/Login-Form.git
I will be glad if you help me
The problem is in your .login__create
class. In your media query use width of the .login__create
class.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.