Don't cut off content on small screens

1 files changed, 3 insertions, 9 deletions

diff --git a/css/style.css b/css/style.css
index 5108bc5..290d385 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,9 +3,9 @@ body {
 	font-size: 20px;
 	background-color: #FFF;
 	color: #333;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
+	width: 40em;
+	margin: 0 auto;
+	padding: 0 1em;
 }
 
 a {
@@ -26,7 +26,6 @@ h1 {
 }
 
 header {
-	width: 40em;
 	padding: 1em 0 3em 0;
 	display: flex;
 	flex-direction: row;
@@ -60,10 +59,6 @@ nav a:hover {
 	font-size: 1.15em;
 }
 
-main {
-	width: 40em;
-}
-
 #intro {
 	display: flex;
 	flex-direction: row;
@@ -87,7 +82,6 @@ main {
 }
 
 footer {
-	width: 40em;
 	text-align: right;
 }