Better mobile view
This commit is contained in:
parent
dd11286938
commit
23e3e8f072
|
@ -60,7 +60,7 @@
|
|||
width: 100vw;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-size: max(1vw, 1vh);
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -73,6 +73,7 @@
|
|||
.ps-main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
|
@ -91,17 +92,16 @@
|
|||
}
|
||||
|
||||
.ps-page {
|
||||
margin-top: 10vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
width: min(100vw, 100vh);
|
||||
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
|
||||
@media screen and (orientation: landscape) {
|
||||
.ps-background--logo {
|
||||
.ps-page {
|
||||
transform: rotate(-65deg);
|
||||
}
|
||||
}
|
||||
|
@ -112,6 +112,7 @@
|
|||
margin-bottom: 6rem;
|
||||
line-height: 3rem;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-weight: 900;
|
||||
font-size: 8rem;
|
||||
text-shadow: 5px 0px 0px white;
|
||||
|
|
Loading…
Reference in a new issue