From 2ffb75b4aaf53059b0a7d3c418a7b66e058420e8 Mon Sep 17 00:00:00 2001
From: filifa <filifa.breath652@8alias.com>
Date: Mon, 27 May 2024 16:56:31 -0500
Subject: [PATCH] fix slight width inconsistencies

---
 styles.css | 25 +++++++++----------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/styles.css b/styles.css
index d9d068a..0ca6d54 100644
--- a/styles.css
+++ b/styles.css
@@ -6,36 +6,33 @@ html {
 }
 
 body {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
+	display: grid;
+	place-items: center;
+	place-content: center;
 }
 
 dd-header {
-	margin: 5px;
-	width: 80ch;
-	max-width: 100%;
-	box-shadow: 5px 5px 5px;
+	width: 100%;
 }
 
 dd-footer {
-	margin: 5px;
-	width: 80ch;
-	max-width: 100%;
-	box-shadow: 5px 5px 5px;
+	width: 100%;
 }
 
 header {
+	margin: 5px;
 	height: 110px;
-	flex: auto;
 	display: flex;
 	align-items: center;
+	box-shadow: 5px 5px 5px;
 }
 
 footer {
 	border: 3px black solid;
 	background: turquoise;
+	margin: 5px;
 	text-align: center;
+	box-shadow: 5px 5px 5px;
 }
 
 footer ul {
@@ -103,10 +100,6 @@ nav ul li + li::before {
 	content: " | ";
 }
 
-main {
-	flex: auto;
-}
-
 aside {
 	background: turquoise;
 	border: 3px black solid;