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; padding: 29px 0;
background-color: #000000; 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;
}
}

9
index.html
View File

@ -17,5 +17,14 @@
</a> </a>
</header> </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> </body>
</html> </html>