From 9969ecde2e4b8fde5c299f1178834744429de44b Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Tue, 16 May 2023 15:34:19 -0700
Subject: [PATCH] fix styling

---
 contact.html  | 2 +-
 css/style.css | 9 ++++++---
 index.html    | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/contact.html b/contact.html
index c1071a2..14a82d9 100644
--- a/contact.html
+++ b/contact.html
@@ -13,7 +13,7 @@
 			<h2>Affordable custom server solutions.</h2>
 		</header>
 		<main>
-			<div class = "center-div" style="width: min-content;">
+			<div class = "center-div">
 				<h3>Buisness Inquiries</h3>
 				<p> 
 					For buisness inquiries, please email <a href = "mailto:requests@tronnet.net">requests@tronnet.net</a>. Please use the tag [Quote] to request a quote for cluster services. If possible, please include usage and configuration requirements.
diff --git a/css/style.css b/css/style.css
index 6271e4a..d69ba57 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,5 +1,8 @@
 body {
 	background-color:black;
+	min-height: 100vh;
+	display: grid;
+	grid-template-rows: auto 1fr auto;
 }
 
 h1, h2, h3, p {
@@ -34,7 +37,7 @@ footer p {
 @media screen and (min-width: 480px) {
 .center-div {
 	min-width: 480px;
-	max-width: 50%;
+	max-width: 40ch;
 	width: fit-content;
 	margin-left: auto;
 	margin-right: auto;
@@ -43,8 +46,8 @@ footer p {
 @media screen and (max-width: 480px) {
 .center-div {
 	width: 100%;
-	margin-left: auto;
-	margin-right: auto;
+	margin-left: 10px;
+	margin-right: 10px;
 }
 }
 
diff --git a/index.html b/index.html
index 3caac48..360a8a7 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
 			<h2>Affordable custom server solutions.</h2>
 		</header>
 		<main>
-			<div class="center-div">
+			<div class="center-div" style="max-width: 120ch;">
 				<h3>Cluster Directory</h3>
 				<div class="btn-group">
 					<button onclick="window.location.href='https://tronnet.net';">Cluster Homepage</button>