From df7c640fa7afa2316e58389210d4b851eba9c33b Mon Sep 17 00:00:00 2001 From: brooke Date: Sat, 10 Aug 2024 03:10:17 -0400 Subject: [PATCH] center --- public/@brooke/index.html | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) 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; } }