From 1f45635f59c614ad835e6917ef6047339d9dad05 Mon Sep 17 00:00:00 2001
From: j-james
Date: Wed, 17 Feb 2021 15:26:10 -0800
Subject: Don't cut off content on small screens

---
 css/style.css | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

(limited to 'css')

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;
 }
 
-- 
cgit v1.2.3-70-g09d2