Update style.css

lilkidsuave · Jun 29, 2024 · 176cbfa · 176cbfa
1 parent 11c0f1c
commit 176cbfa
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/static/style.css b/static/style.css
@@ -8,8 +8,7 @@ body {
 }
 
 .container {
-    width: 90%;
-    max-width: 600px;
+    width: 100%;
     margin: 0 auto;
     background-color: #36393f;
     padding: 30px;
@@ -85,12 +84,26 @@ input[type="submit"]:hover {
 }
 
 /* Media Queries for Responsiveness */
-@media (max-width: 768px) {
+@media (min-width: 576px) {
+    .container {
+        width: 90%;
+    }
+}
+
+@media (min-width: 768px) {
     .container {
-        padding: 20px;
+        width: 80%;
     }
+}
 
-    h2 {
-        font-size: 1.5em;
+@media (min-width: 992px) {
+    .container {
+        width: 70%;
+    }
+}
+
+@media (min-width: 1200px) {
+    .container {
+        width: 60%;
     }
 }