SavioCarvalhoMoraes/challenge-landing-page-savio-carvalho
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(home): Responsividade Tela 4k

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-10-13 01:09:23 -03:00
parent ed68f27385
commit 6b1cd39c6a
2 changed files with 40 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/css/style.css
View File

@ -355,4 +355,40 @@ body {
height: 200px; height: 200px;
margin-top: 70px; margin-top: 70px;
} }
.bottom-banner-desktop {
width: 2500px;
}
.bottom-infocard {
margin-bottom: 210px;
padding: 200px 280px 0px;
}
.bottom-infocard-text {
width: 1174px;
}
.bottom-infocard-subtitle {
font-size: 75px;
margin-bottom: 40px;
line-height: 80px;
}
.bottom-infocard-description {
font-size: 40px;
margin-top: 20px;
line-height: 50px;
}
.page-footer {
padding: 74px 0 74px;
}
.rede-social-imagem {
height: 66px;
margin-bottom: 12px;
}
.footer-text {
font-size: 20px;
}
} }

7
index.html
View File

@ -170,17 +170,18 @@
<ul class="footer-icons"> <ul class="footer-icons">
<li class="footer-icon"> <li class="footer-icon">
<a href="#" target="_blank"> <a href="#" target="_blank">
<img src="./assets/imagens/instagram-icon.png" alt="Icone do Instagram" /> <img class="rede-social-imagem" src="./assets/imagens/instagram-icon.png"
alt="Icone do Instagram" />
</a> </a>
</li> </li>
<li class="footer-icon"> <li class="footer-icon">
<a href="#" target="_blank"> <a href="#" target="_blank">
<img src="./assets/imagens/facebook-icon.png" alt="Icone do Facebook" /> <img class="rede-social-imagem" src="./assets/imagens/facebook-icon.png" alt="Icone do Facebook" />
</a> </a>
</li> </li>
<li class="footer-icon"> <li class="footer-icon">
<a href="#" target="_blank"> <a href="#" target="_blank">
<img src="./assets/imagens/youtube-icon.png" alt="Icone do Youtube" /> <img class="rede-social-imagem" src="./assets/imagens/youtube-icon.png" alt="Icone do Youtube" />
</a> </a>
</li> </li>
</ul> </ul>