move the whole grid display to the media query

2024-05-27 17:46:17 -05:00
parent 0d26a20eb7
commit a1faee7307
1 changed files with 5 additions and 5 deletions
--- a/styles.css
+++ b/styles.css
@@ -5,11 +5,6 @@ html {
 	min-height: 100%;
 }

-body {
-	display: grid;
-	place-content: center;
-}
-
 dd-header {
 	width: 100%;
 }
@@ -138,6 +133,11 @@ ol ol ol {
 }

@media screen and (min-width: 80ch) {
+	body {
+		display: grid;
+		place-content: center;
+	}
+
 	main {
 		min-width: 100%;
 		display: flex;