several layouting fixes
All checks were successful
/ Build BaseBand Website (push) Successful in 14s

This commit is contained in:
Daniella / Tove 2024-10-14 16:55:45 +02:00
parent 1023f2575b
commit 2e5517875d
Signed by: TudbuT
GPG key ID: B3CF345217F202D3
3 changed files with 11 additions and 10 deletions

View file

@ -1,6 +1,6 @@
<h1> BaseBand's features </h1> <h1> BaseBand's features </h1>
<a class=btn style="display: block; margin: auto; width: 90%;" href=/>Home</a><br> <a class=btn style="display: block; margin: auto; width: 100%;" href=/>Home</a><br>
<br> <br>
Especially unique/cool features styled in <b>bold</b>. Especially unique/cool features styled in <b>bold</b>.

View file

@ -26,8 +26,8 @@ API for querying or downloading the most recent version of any component:<br>
<br> <br>
<br> <br>
<h2> Screenshots </h2> <h2> Screenshots </h2>
<img class=ss src="/screenshots/ingame.png"> <img class=ss src="/screenshots/ingame.png"
<img class=ss src="/screenshots/selection.png"> ><img class=ss src="/screenshots/selection.png"
<img class=ss src="/screenshots/seedoverlay/generating.png"> ><img class=ss src="/screenshots/seedoverlay/generating.png"
<img class=ss src="/screenshots/seedoverlay/hut.png"> ><img class=ss src="/screenshots/seedoverlay/hut.png"
<img class=ss src="/screenshots/seedoverlay/underground.png"> ><img class=ss src="/screenshots/seedoverlay/underground.png">

View file

@ -10,6 +10,7 @@ body {
width: min(700px, 90vw); width: min(700px, 90vw);
margin-top: min(10em, 30vh); margin-top: min(10em, 30vh);
margin-bottom: min(10em, 30vh); margin-bottom: min(10em, 30vh);
padding: 0;
} }
a { a {
color: #00ffff; color: #00ffff;
@ -19,7 +20,7 @@ a.btn {
background-color: #603060; background-color: #603060;
display: inline-block; display: inline-block;
width: 10em; width: 10em;
max-width: 90vw; max-width: calc(90vw - 20px);
min-width: fit-content; min-width: fit-content;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
@ -72,8 +73,8 @@ div.error {
} }
img.ss { img.ss {
margin: auto;
display: inline-block; display: inline-block;
width: min(calc(45vw - 0.5em), calc(350px - 0.5em)); width: calc(50% - 1em);
margin: 0.2em; margin: 0.5em;
padding: 0;
} }