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

Feature: added main-banner desktop-mobile

Browse Source
This commit is contained in:
Thaís Ferreira Caetano de Jesus 2022-10-10 12:26:14 -03:00
parent 645589d723
commit fe395061ff
2 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
Styles/index.css
View File

@ -10,3 +10,21 @@
padding: 29px 0;
background-color: #000000;
}
.banner-principal{
width: 100%;
}
.banner-principal-mobile{
display: none;
}
@media screen and (max-width: 414px){
.banner-principal-desktop{
display: none;
}
.banner-principal-mobile{
display: unset;
}
}

11
index.html
View File

@ -15,7 +15,16 @@
<a href="/">
<img src="./Assets/SVG/Logo-M3Academy.svg" alt="Logo M3Academy">
</a>
</header>
<main>
<div>
<img class="banner-principal banner-principal-desktop" src="./Assets/Images/Banner-principal-desktop.png" alt="banner principal desktop">
<img class="banner-principal banner-principal-mobile" src="./Assets/Images/Banner-principal-mobile.png" alt="Banner principal mobile">
</div>
</main>
</body>
</html>