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