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

feat(div-banner):inclui banner principal

Browse Source
This commit is contained in:
Jessé Simão 2022-10-13 16:35:55 -03:00
parent b7fdd34d95
commit be68276834
2 changed files with 36 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
desafio1.css
View File

@ -18,7 +18,36 @@
height: 101px; height: 101px;
} }
/*Banner Principal*/
.imagem-banner-principal {
width: 100%;
}
.imagem-banner-principal-mobile {
display: none;
}
@media (min-width: 2500px) { @media (min-width: 2500px) {
.imagem-banner-principal-mobile {
display: none;
}
}
@media (max-width: 1024px) {
.imagem-banner-principal {
display: none;
}
.imagem-banner-principal-mobile {
display: block;
width: 100%;
}
}
@media (max-width: 820px) {
}
@media (max-width: 320px) {
}

8
desafio1.html
View File

@ -18,12 +18,18 @@
<body class="body"> <body class="body">
<header class="header"> <header class="header">
<img class="logo-m3" src="./Assets/Images/Logo-M3Academy 1.svg" alt="logo m3 Academy">
<img class="logo-m3" src="./Assets/Images/Logo-M3Academy 1.svg" alt="logo m3 Academy">
</header> </header>
<div class="banner-principal">
<img class="imagem-banner-principal" src="Assets/Images/main-banner-desktop.png" alt="banner principal">
<img class="imagem-banner-principal-mobile" src="Assets/Images/main-banner-mobile.png" alt="banner principal mobile">
</div>
</body> </body>
</html> </html>