From dcf99e1c99b9edee454a1d4202ffb2b7708543fe Mon Sep 17 00:00:00 2001 From: lolabird Date: Thu, 28 Dec 2023 15:51:37 -0700 Subject: [PATCH] Fix overflow issue --- style.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index c57b505..8d28ed6 100644 --- a/style.css +++ b/style.css @@ -21,17 +21,19 @@ body { display: flex; text-align: center; flex-direction: column; - height: 100vh; margin: 0; + padding: 0; + min-height: 100vh; + max-width: 100vw; background-color: var(--dark-green); color: var(--light-text); - overflow: hidden; } header { flex: 0 0 auto; padding: 15px 0; background-color: var(--dark-trans); + margin: 0; } header h1 { @@ -48,6 +50,7 @@ main { justify-content: center; align-items: center; padding: 0; + margin: 0; } .calculator { @@ -117,7 +120,7 @@ button:active, .active { visibility: hidden; position: absolute; bottom: 115%; - right: -15%; + left: 0%; z-index: 1; width: 120px; @@ -180,4 +183,5 @@ footer a { footer a:hover, footer a:focus { color: rgb(170, 255, 0); text-decoration: none; + margin: 0; } \ No newline at end of file