Fix login page layout

This commit is contained in:
august kline 2025-01-06 14:59:15 -05:00
parent ff12f2c7b4
commit 8c5d5553c5
1 changed files with 12 additions and 8 deletions

View File

@ -3,14 +3,9 @@ body {
flex-wrap: wrap;
justify-content: stretch;
align-items: stretch;
}
@media screen and (max-width: 50rem) {
body {
flex-direction: column;
flex-wrap: nowrap;
}
}
body>div {
display: block;
@ -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;
}
}