mobile fixes
This commit is contained in:
parent
189d63d7ba
commit
968a4cb442
@ -438,6 +438,14 @@ section.rowsect>div {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
header div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header h2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
section.rowsect {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
@ -51,4 +51,18 @@ ul#toaster-specs li {
|
||||
|
||||
.fill-height {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 740px) {
|
||||
.flex-row {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#toaster-img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
@ -76,6 +76,8 @@
|
||||
</header>
|
||||
<nav id="alt-nav">
|
||||
<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://www.last.fm/user/acetheking987">LastFm</a></li>
|
||||
<li><a href="https://prismic.alfieking.dev">Prismic</a></li>
|
||||
|
Loading…
x
Reference in New Issue
Block a user