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

@ -15,6 +15,11 @@
<img class= "logo-m3" src="./assets/images/Logo-M3Academy 1.png" alt="Logo M3" />
</a>
</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>
</html>

22
styles/styles.css
View File

@ -3,6 +3,7 @@
padding: 0;
box-sizing: border-box;
}
header {
align-items: center;
height: 101px;
@ -10,4 +11,23 @@ header {
justify-content: center;
background: black;
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;
}
}