🎨 adapte la taille de l'illustration et centre les logos sur mobile

pull/525/head
Johan Girod 2019-05-27 17:27:08 +02:00
parent ae05597c7e
commit 99cc54cf26
No known key found for this signature in database
GPG Key ID: 9E27B57DA2E8AE12
1 changed files with 13 additions and 6 deletions

View File

@ -16,19 +16,18 @@
height: 100%;
}
.landing-title {
margin-top: 1rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.landing-title h1 {
margin-right: -1rem;
}
.landing-title__img {
align-self: end;
margin-right: -8rem;
max-height: 25rem;
margin-top: 2rem;
margin-left: 1rem;
margin-bottom: -2rem;
margin-bottom: -3rem;
}
@media (min-width: 500px) {
.landing-title__logo {
@ -39,13 +38,21 @@
@media (max-width: 800px) {
.landing-title__img {
margin-top: 0;
margin-right: -10rem;
max-height: 35rem;
}
}
@media (max-width: 500px) {
.landing-header {
height: 3.5rem;
justify-content: space-around;
}
.landing-header *:nth-child(3) {
order: -1;
}
.landing-header *:nth-child(2) {
display: none;
}
.landing-title {
flex-direction: column;
text-align: center;