center
All checks were successful
Static / build (push) Successful in 5s

This commit is contained in:
brooke 2024-08-10 03:10:17 -04:00
parent fe8303b857
commit df7c640fa7

View file

@ -27,6 +27,7 @@
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
font-family: PixelifySans; font-family: PixelifySans;
height: 100%;
} }
body { body {
background-image: var(--background-img); background-image: var(--background-img);
@ -42,15 +43,19 @@
border: var(--border); border: var(--border);
} }
#container { #container {
max-width: 550px; max-width: 750px;
margin: 0 auto; margin: 0 auto;
border-top: none; border-top: none;
display: flex;
flex-direction: column;
} }
#container a { #container a {
color: var(--link-color); color: var(--link-color);
} }
#flex { #flex {
display: flex; display: flex;
flex: 1;
overflow: auto;
} }
main { main {
width: 100%; width: 100%;
@ -63,14 +68,18 @@
padding: 0.25rem; padding: 0.25rem;
} }
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
#container {
height: 100vh;
}
#flex { #flex {
flex-wrap: wrap; flex-wrap: wrap;
} }
#container { }
max-height: 100vh; @media only screen and (min-width: 641px) {
} body {
#flex { display: flex;
height: 100%; align-items: center;
justify-content: center;
} }
} }
</style> </style>