forked from M3-Academy/challenge-landing-page
feature/challenge #1
BIN
assets/images/banner-principal-mobile.png
Normal file
BIN
assets/images/banner-principal-mobile.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 341 KiB |
BIN
assets/images/banner-princpal-desktop.png
Normal file
BIN
assets/images/banner-princpal-desktop.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 MiB |
@ -9,6 +9,18 @@
|
|||||||
|
|
||||||
.header__logo {
|
.header__logo {
|
||||||
width: 16%;
|
width: 16%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner__img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 415px) {
|
||||||
|
.banner__img__mobile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 414px) {
|
@media screen and (max-width: 414px) {
|
||||||
@ -16,4 +28,7 @@
|
|||||||
.header__logo {
|
.header__logo {
|
||||||
width: 54%;
|
width: 54%;
|
||||||
}
|
}
|
||||||
|
.banner__img__desktop {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
10
index.html
10
index.html
@ -13,5 +13,15 @@
|
|||||||
<header class="header">
|
<header class="header">
|
||||||
<img class="header__logo" src="./assets/images/logo-m3.svg" alt="Logo M3 Academy">
|
<img class="header__logo" src="./assets/images/logo-m3.svg" alt="Logo M3 Academy">
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<section class="banner">
|
||||||
|
<img class="banner__img banner__img__desktop" src="/assets/images/banner-princpal-desktop.png" alt="Banner Principal do Site" />
|
||||||
|
<img class="banner__img banner__img__mobile" src="/assets/images/banner-principal-mobile.png" alt="Banner Principal do Site" />
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user