mobile fixes
This commit is contained in:
parent
189d63d7ba
commit
968a4cb442
@ -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;
|
||||||
|
@ -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%;
|
||||||
|
}
|
||||||
}
|
}
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user