Daniel_Moliari_Barbosa/challenge-landing-page-daniel-moliari-barbosa
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adiciona Footer Responsive Mobile

Browse Source
This commit is contained in:
danielmoliaribarbosa 2022-10-12 17:20:16 -03:00
parent 58de6536da
commit 3401b2bf57
2 changed files with 34 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
assets/styles/main.css
View File

@ -320,6 +320,10 @@ body{
margin: 0 0 14%;
padding: 0 1%;
}
.bottom-infocard-image-mobile{
display: block;
width: 100%;
}
.bottom-infocard-image-desktop{
display: none;
}
@ -335,8 +339,30 @@ body{
line-height: 29px;
margin-bottom: 2.2%;
}
.page-footer{
padding: 32px 0;
}
.footer-icons{
display: flex;
list-style-type: none;
align-items: center;
margin-bottom: 3%;
}
.footer-icon{
margin: 0 8px;
}
.footer-icon-image{
width: 100%;
}
.footer-description.desktop{
display: none;
}
.footer-description.mobile{
width: 260px;
text-align: center;
}
}
@media screen and (min-width: 1025px){
.main-banner-mobile{
display: none;
@ -344,6 +370,9 @@ body{
.bottom-infocard-image-mobile{
display: none;
}
.footer-description.mobile{
display: none;
}
}
@media screen and (min-width: 2500px){

5
index.html
View File

@ -161,9 +161,12 @@
</a>
</li>
</ul>
<p class="footer-description">
<p class="footer-description desktop">
Copyright © 2020 - Loja Comércio Eletrônico | CNPJ: 000.000.000/0001-00
</p>
<p class="footer-description mobile">
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</footer>
</body>
</html>