responsive landing page

This commit is contained in:
ktyl 2021-12-31 16:30:27 +00:00
parent f5678270c5
commit 1764cf3bdb
3 changed files with 21 additions and 2 deletions

View File

@ -48,3 +48,16 @@
font-size: 3.5em;
padding: 0 .07em;
}
@media only screen and (max-width: 600px) {
.landing.page {
position: fixed;
margin: 0;
padding: 50% 0 0 0;
height: 100%;
/*background-color: blue;*/
}
}

View File

@ -66,6 +66,12 @@ a.fsText {
transform: translate(-50%, 0);
}
@media only screen and (max-width: 600px) {
.page {
width: 100%;
padding: 0;
}
}
.page .textPanel .separator {
position: relative;

View File

@ -6,9 +6,9 @@
* [x] title left (no trail)
* [x] page links right (no prefix)
* [ ] text bigger
* [ ] landing page
* [-] landing page
* [x] central
* [ ] smaller
* [ ] central
* [ ] about
* [ ] narrow text
* [ ] hope -> use