Corrige footer mobile

This commit is contained in:
carloswinter 2022-10-10 21:53:19 -03:00
parent adaca41722
commit d1b9da698c
2 changed files with 59 additions and 16 deletions

View File

@ -133,15 +133,20 @@ body{
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
min-width: 367px;
} }
.bottombanner{ .bottombanner{
display:flex; display:flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 108px; margin-top: 108px;
}
.bottombanner figure{
display: flex;
flex-direction: column;
align-items: center;
text-align: center; text-align: center;
} }
.bottombanner-subtitle{ .bottombanner-subtitle{
font-weight: 600; font-weight: 600;
font-size: 32px; font-size: 32px;
@ -200,12 +205,6 @@ body{
width: 100%; width: 100%;
display: block; display: block;
} }
.bottombanner-desktop{
display: none;
}
.bottombanner-mobile{
display:block;
}
} }
@ -286,6 +285,48 @@ body{
font-size: 14px; font-size: 14px;
} }
.bottombanner-desktop{
display: none;
}
.bottombanner-mobile{
display:block;
}
.bottombanner{
margin-top: 98px;
}
.bottombanner figure{
display:flex;
flex-direction: column-reverse;
align-items: center;
text-align: center;
}
.bottombanner-subtitle{
margin-top: 50px;
margin-bottom: 9px;
font-size: 24px;
line-height: 29px;
}
.bottombanner-text{
margin:0 32px;
}
.bottombanner-desktop{
display: none;
}
.bottombanner-mobile{
display:block;
width: 100%;
}
.footer{
margin-top: 87px;
padding: 32px;
}
.footer-text{
text-align: center;
font-size: 10px;
line-height: 12px;
}
} }
@media screen and (min-width: 2500px){ @media screen and (min-width: 2500px){

View File

@ -99,6 +99,8 @@
</div> </div>
</section> </section>
<section class="bottombanner"> <section class="bottombanner">
<figure>
<figcaption>
<h2 class="bottombanner-subtitle"> <h2 class="bottombanner-subtitle">
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</h2> </h2>
@ -107,7 +109,7 @@
Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis. Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
Donec finibus turpis vitae lectus interdum rutrum vitae sed augue. Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
</p> </p>
<figure> </figcaption>
<img class="bottombanner-desktop" src="./assets/images/img/bottom-bannerdesktop.png" alt="Banner de baixo desktop"> <img class="bottombanner-desktop" src="./assets/images/img/bottom-bannerdesktop.png" alt="Banner de baixo desktop">
<img class="bottombanner-mobile" src="./assets/images/img/bottom-bannermobile.png" alt="Banner de baixo mobile"> <img class="bottombanner-mobile" src="./assets/images/img/bottom-bannermobile.png" alt="Banner de baixo mobile">
</figure> </figure>