diff --git a/styles.css b/styles.css index bd0eaad..adb640f 100644 --- a/styles.css +++ b/styles.css @@ -11,13 +11,14 @@ body { display: flex; flex-direction: column; align-items: center; - justify-content: flex-start; + justify-content: center; /* Center the button container vertically */ margin: 0; - background: #20256E; /* Apply background color to body */ - color: white; - position: relative; overflow-x: hidden; - min-height: 100%; + height: 100vh; /* Ensure body height fits within viewport */ + background: #20256e; + color: white; + position: relative; /* Relative positioning for footer */ + overflow-y: auto; /* Allow vertical scrolling if content overflows */ } header { @@ -158,7 +159,8 @@ header img { } body { - min-height: 100vh; /* Ensure minimum height covers full viewport */ + min-height: 100%; /* Ensure minimum height covers full viewport */ + height: unset; padding-top: 1em; /* Add space for footer */ justify-content: flex-start; /* Ensure content starts from the top */ overflow-y: auto; /* Allow vertical scrolling when content exceeds viewport */