fix styling

This commit is contained in:
Arthur Lu 2023-05-16 15:34:19 -07:00
parent 0af0c2ff63
commit 9969ecde2e
3 changed files with 8 additions and 5 deletions

View File

@ -13,7 +13,7 @@
<h2>Affordable custom server solutions.</h2> <h2>Affordable custom server solutions.</h2>
</header> </header>
<main> <main>
<div class = "center-div" style="width: min-content;"> <div class = "center-div">
<h3>Buisness Inquiries</h3> <h3>Buisness Inquiries</h3>
<p> <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. 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.

View File

@ -1,5 +1,8 @@
body { body {
background-color:black; background-color:black;
min-height: 100vh;
display: grid;
grid-template-rows: auto 1fr auto;
} }
h1, h2, h3, p { h1, h2, h3, p {
@ -34,7 +37,7 @@ footer p {
@media screen and (min-width: 480px) { @media screen and (min-width: 480px) {
.center-div { .center-div {
min-width: 480px; min-width: 480px;
max-width: 50%; max-width: 40ch;
width: fit-content; width: fit-content;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -43,8 +46,8 @@ footer p {
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.center-div { .center-div {
width: 100%; width: 100%;
margin-left: auto; margin-left: 10px;
margin-right: auto; margin-right: 10px;
} }
} }

View File

@ -13,7 +13,7 @@
<h2>Affordable custom server solutions.</h2> <h2>Affordable custom server solutions.</h2>
</header> </header>
<main> <main>
<div class="center-div"> <div class="center-div" style="max-width: 120ch;">
<h3>Cluster Directory</h3> <h3>Cluster Directory</h3>
<div class="btn-group"> <div class="btn-group">
<button onclick="window.location.href='https://tronnet.net';">Cluster Homepage</button> <button onclick="window.location.href='https://tronnet.net';">Cluster Homepage</button>