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>
</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.

View File

@ -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;
}
}

View File

@ -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>