Fix webpages being larger than the viewport despite being empty

2018-08-07 00:30:34 +02:00
parent cb3949f6e8
commit be5b1d7b81
1 changed files with 3 additions and 4 deletions
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -196,6 +196,7 @@ nav #usermenu li:first-child:hover {
 body {
 	overflow-y: scroll;
 	overflow-x: hidden;
+	min-height: 100vh;
 }

 * {
@@ -203,10 +204,8 @@ body {
 }

 main {
-	padding: 1em 15vw;
-	height: 100vh;
-	margin-top: 7vh;
-
+	box-sizing: border-box;
+	padding: 5em 15vw 2em 15vw;
 	background-color: #fff;
 }