Upando main banner desktop e mobile

This commit is contained in:
gustavomachado 2022-10-08 13:51:53 -03:00
parent 628d1555ad
commit 82ae491d3d
4 changed files with 38 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

@ -15,7 +15,37 @@
}
.header-logo{
display: block;
}
.main-banner-desktop{
width: 100%;
}
@media screen and (max-width: 414px) {
.main-banner-desktop{
display: none;
}
.main-banner-mobile{
width: 100%;
}
}
@media screen and (min-width: 415px) {
.main-banner-mobile{
display: none;
}
}

View File

@ -12,8 +12,15 @@
<a href="/">
<img class="header-logo" src="assets/images/m3-logo.png" alt="m3 logo"/>
</a>
</header>
<main>
<div>
<img class="main-banner-desktop" src="assets/images/main-banner.png" alt="main-banner">
<img class="main-banner-mobile" src="assets/images/main-banner-mobile.png" alt="main-banner-mobile">
</div>
</main>
</body>
</html>