From 5892224afb96d507f98effadb2b9aeb44dba06ab Mon Sep 17 00:00:00 2001
From: powermaker450 <support@povario.com>
Date: Tue, 22 Oct 2024 13:49:26 -0400
Subject: [PATCH] Make it look less bad on mobile

---
 src/App.css   | 4 +++-
 src/index.css | 5 ++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index b9d355d..d19376f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,5 +1,7 @@
 #root {
-  max-width: 1280px;
+  display: flexbox;
+  place-items: center;
+  width: 100%;
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
diff --git a/src/index.css b/src/index.css
index f681de1..e5c4c7e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -19,9 +19,9 @@ body {
 }
 
 #app {
-  display: flexbox;
-  place-items: center;
+  display: block;
   min-width: 320px;
+  max-width: 1280px;
   min-height: 100vh;
 }
 
@@ -32,7 +32,6 @@ body {
 #alert-box {
   text-align: center;
   height: 50px;
-  min-width: 600px;
 }
 
 @media (prefers-color-scheme: light) {