style(welcome): Adapt new design for mobile landscape

This commit is contained in:
Tixie 2019-03-15 20:33:25 +01:00
parent eac0d59cb8
commit 81d0919f2a
2 changed files with 8 additions and 4 deletions

View file

@ -17,22 +17,26 @@
.welcome-title { .welcome-title {
margin: 0; margin: 0;
/* margin-bottom: 6rem; */
font-weight: normal; font-weight: normal;
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1.3em; line-height: 1.3em;
} }
.welcome-illu { .welcome-illu {
display: inline-flex;
justify-content: center;
margin-top: -2rem; margin-top: -2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
max-width: calc(100vw - 4rem); max-width: calc(100vw - 4rem);
max-height: 30rem; max-height: 30rem;
width: auto; width: auto;
height: auto;
} }
.welcome-illu svg { .welcome-illu svg {
width: 100%; max-width: 100%;
max-height: 100%;
width: auto;
height: auto; height: auto;
} }

View file

@ -25,8 +25,8 @@
align-items: center; align-items: center;
} }
.welcome-title { .welcome-illu {
margin-bottom: 4rem; max-height: 50vh;
} }
.welcome-about { .welcome-about {