MarcelloMartins/challenge-landing-page-marcello-martins
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

marcellomartins #1

Merged
MarcelloMartins merged 14 commits from marcellomartins into main 2022-10-13 21:47:45 +00:00
Conversation 0 Commits 14 Files Changed 20 +26 -1
4 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7c7f198296 - Show all commits

BIN
assets/images/banner-1-desktop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
assets/images/banner-1-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 KiB

5
index.html
View File

@ -16,5 +16,10 @@
</a> </a>
</header> </header>
<section>
<img class= "banner-1-desktop" src="./assets/images/banner-1-desktop.png" alt="laptop com codigos na tela" />
<img class= "banner-1-mobile" src="./assets/images/banner-1-mobile.png" alt="laptop com codigos na tela">
</section>
</body> </body>
</html> </html>

20
styles/styles.css
View File

@ -3,6 +3,7 @@
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
header { header {
align-items: center; align-items: center;
height: 101px; height: 101px;
@ -11,3 +12,22 @@ header {
background: black; background: black;
width: 100%; width: 100%;
} }
.banner-1-desktop {
width: 100%;
}
.banner-1-mobile {
width: 100%;
display: none;
}
@media screen and (max-width: 1024px) {
.banner-1-desktop {
display: none;
}
.banner-1-mobile {
display: unset;
}
}