EmersonLinsCostaPinto/challenge-landing-page-emerson-lins
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona banner principal mobile

Browse Source
This commit is contained in:
Emerson Lins Costa Pinto 2022-10-12 15:34:44 -03:00
parent a85914f313
commit c0dbee5660
4 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
assets/imagens/banner-principal.png → assets/imagens/banner-principal-desktop.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
assets/imagens/banner-principal-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 KiB

2
assets/style.css
View File

@ -86,7 +86,7 @@
} }
@media screen and (max-width:820px) { @media screen and (max-width:1024px) {
.main-title{ .main-title{
padding: 73px 0 65px; padding: 73px 0 65px;

6
index.html
View File

@ -27,7 +27,9 @@
<main> <main>
<picture> <picture>
<img class="main-banner" src="assets/imagens/banner-principal.png" alt="banner m3"> <source media="(max-width: 1024px)" srcset="assets/imagens/banner-principal-mobile.png">
<img class="main-banner" src="assets/imagens/banner-principal-desktop.png" alt="banner m3">
</picture> </picture>
@ -68,6 +70,8 @@
</div> </div>
</div> </div>
</section> </section>
</main> </main>
</body> </body>