footer e alguns ajustes no card bottom

This commit is contained in:
Matheus Mariosa 2022-10-13 13:34:53 -03:00
parent ab2f028b32
commit 456d81195a
2 changed files with 42 additions and 2 deletions

View File

@ -188,6 +188,7 @@ body {
margin: 0 0 5%;
}
.gallery-box {
display: flex;
align-items: center;
@ -224,6 +225,31 @@ body {
}
/*Footer*/
.box-footer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: black;
width: 100%;
height: 128px;
}
.footer-informacao {
text-align: center;
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #BDBDBD;
}
.footer-logo {
margin: 0 8px 17px;
}
@media screen and (max-width: 1023px) {
.banner-big {
display: none;
@ -252,6 +278,7 @@ body {
.cards-top {
padding: 0 32px;
margin-bottom: 80px;
}
.card-top-box {
@ -290,4 +317,8 @@ body {
.foto-final {
display: none;
}
}
.footer-informacao {
max-width: 261px;
}
}

View File

@ -109,6 +109,15 @@
</div>
<img class="foto-final" src="./assents/imagens/banner-bottom.png" alt="Foto de computador embasado">
</section>
</main>
</main>
<footer class="box-footer">
<div class="box-footer-logo">
<img class="footer-logo" src="./assents/imagens/logo-intagram.png" alt="logo instagram">
<img class="footer-logo" src="./assents/imagens/logo-facebook.png" alt="loogo facebook">
<img class="footer-logo" src="./assents/imagens/logo-youtube.png" alt="logo youtube">
</div>
<p class="footer-informacao">Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</footer>
</body>
</html>