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