mobile fixes

This commit is contained in:
Alfie King 2025-06-21 02:40:25 +01:00
parent 189d63d7ba
commit 968a4cb442
3 changed files with 24 additions and 0 deletions

View File

@ -438,6 +438,14 @@ section.rowsect>div {
justify-content: center; justify-content: center;
} }
header div {
text-align: center;
}
header h2 {
display: none;
}
section.rowsect { section.rowsect {
width: 100%; width: 100%;
display: flex; display: flex;

View File

@ -51,4 +51,18 @@ ul#toaster-specs li {
.fill-height { .fill-height {
height: 100%; height: 100%;
}
@media screen and (max-width: 740px) {
.flex-row {
flex-direction: column;
}
.flex-col {
flex-direction: row;
}
#toaster-img {
width: 100%;
}
} }

View File

@ -76,6 +76,8 @@
</header> </header>
<nav id="alt-nav"> <nav id="alt-nav">
<ul> <ul>
<li><a href="/">Home</a></li>
<li><a href="/toaster">Toaster</a></li>
<li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li> <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
<li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li> <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
<li><a href="https://prismic.alfieking.dev">Prismic</a></li> <li><a href="https://prismic.alfieking.dev">Prismic</a></li>