Adjust heros

This commit is contained in:
Fede Álvarez 2022-06-16 21:52:18 +02:00
parent 36e055acca
commit c4c4ece78c
5 changed files with 12 additions and 9 deletions

View File

@ -45,7 +45,8 @@
align-self: center;
width: 101%;
min-height: tovw(875px, 'default', 414px);
margin-top: tovw(-165px, 'default');
margin-top: tovw(-180px, 'default');
margin-bottom: tovw(-165px, 'default');
padding-top: tovw(30px, 'default', 20px);
mix-blend-mode: lighten;

View File

@ -29,6 +29,8 @@
display: flex;
place-content: center;
min-height: tovw(650px, 'default', 390px);
margin-top: tovw(-40px, 'default');
margin-bottom: tovw(-100px, 'default');
.hero {
@include respond-to('mobile') {
@ -36,7 +38,7 @@
}
margin: auto;
margin-top: tovw(-190px, 'default', -950px);
margin-top: tovw(-200px, 'default', -950px);
width: tovw(1580px, 'default', 700px);
mix-blend-mode: screen;
@ -83,7 +85,7 @@
margin: auto;
left: 0;
right: 0;
bottom: 130%;
bottom: 115%;
}
@media screen and (max-width: 800px) {

View File

@ -31,7 +31,7 @@
width: 75%;
margin-left: tovw(165px, 'default', 125px);
min-height: tovw(790px, 'default', 380px);
margin-top: tovw(-30px, 'default');
margin-top: tovw(-45px, 'default');
padding-top: tovw(30px, 'default', 20px);
mix-blend-mode: lighten;

View File

@ -31,7 +31,7 @@
display: flex;
place-content: center;
margin-top: tovw(-180px, 'default', -180px);
margin-top: tovw(-190px, 'default', -190px);
min-height: tovw(925px, 'default', 485px);
.hero {

View File

@ -30,8 +30,8 @@
position: relative;
width: 82%;
min-height: tovw(925px, 'default', 435px);
margin-top: tovw(-165px, 'default');
margin-bottom: tovw(-140px, 'default');
margin-top: tovw(-175px, 'default');
margin-bottom: tovw(-180px, 'default');
padding-top: tovw(30px, 'default', 20px);
mix-blend-mode: lighten;
@ -88,7 +88,7 @@
display: flex;
flex-direction: column;
margin-top: tovw(16px, 'default', 10px);
gap: tovw(89px, 'default', 56px);
gap: tovw(65px, 'default', 56px);
h1 {
@include respond-to('mobile') {
@ -156,7 +156,7 @@
margin: 0;
width: tovw(546px, 'default', 150px);
line-height: 1.65;
line-height: 132%;
font-size: tovw(30px, 'default', 18px);
}