Fix login page layout
This commit is contained in:
parent
ff12f2c7b4
commit
8c5d5553c5
|
@ -3,13 +3,8 @@ body {
|
|||
flex-wrap: wrap;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 50rem) {
|
||||
body {
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
body>div {
|
||||
|
@ -39,7 +34,6 @@ main {
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/* block-size: 100%; */
|
||||
max-block-size: 100%;
|
||||
|
||||
&>:first-child {
|
||||
|
@ -71,3 +65,13 @@ form {
|
|||
max-inline-size: 40ch;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 50rem) {
|
||||
body {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-block: 0;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue