forked from M3-Academy/practice-time-landing-page
adiciona os banners principais desktop e mobile
This commit is contained in:
parent
1f52599da8
commit
6d0bba0b63
@ -17,5 +17,13 @@
|
|||||||
</a>
|
</a>
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section>
|
||||||
|
<img class="baner-principal principal-baner-desktop" src="materiais/imagens/banner-principal-desktop.png" alt="baner principal desktop">
|
||||||
|
|
||||||
|
<img class="baner-principal principal-baner-mobile" src="materiais/imagens/banner-principal-mobile.png" alt="baner principal mobile">
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
BIN
materiais/imagens/banner-principal-desktop.png
Normal file
BIN
materiais/imagens/banner-principal-desktop.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.4 MiB |
BIN
materiais/imagens/banner-principal-mobile.png
Normal file
BIN
materiais/imagens/banner-principal-mobile.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 332 KiB |
@ -14,3 +14,19 @@
|
|||||||
.header-logo{
|
.header-logo{
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.baner-principal{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 414px) {
|
||||||
|
.principal-baner-desktop{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 415px){
|
||||||
|
.principal-baner-mobile{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user