From f1f820aeb289ee9e24dcae27aafbe0ece9d62bb3 Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Sun, 11 Dec 2022 21:31:28 -0800
Subject: [PATCH] update style.css with responsive center-div

---
 style.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 414075b..31494d4 100644
--- a/style.css
+++ b/style.css
@@ -28,11 +28,21 @@ p {
 	text-align: left;
 }
 
+@media screen and (min-width: 480px) {
 .center-div {
-	width: 50%;
+	min-width: 480px;
+	max-width: 50%;
 	margin-left: auto;
 	margin-right: auto;
 }
+}
+@media screen and (max-width: 480px) {
+.center-div {
+	width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+}
 
 .btn-group {
 	margin: 0 auto;