forked from M3-Academy/practice-time-landing-page
patricksouza #1
After Width: | Height: | Size: 1.4 MiB |
BIN
assents/imagens/banner-mobile.png
Normal file
BIN
assents/imagens/banner-mobile.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 333 KiB |
@ -17,7 +17,10 @@
|
|||||||
</a>
|
</a>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
|
<section>
|
||||||
|
<img class="main-banner main-banner-desktop" src="assents/imagens/banner-desktop.png" alt="Banner Principal">
|
||||||
|
<img class="main-banner main-banner-mobile" src="assents/imagens/banner-mobile.png" alt="Banner Principal">
|
||||||
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
@ -5,10 +5,35 @@
|
|||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
/*///////////// HEADER /////////////////// */
|
||||||
.page-header {
|
.page-header {
|
||||||
background: #000000;
|
background: #000000;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 28px 0;
|
padding: 28px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-logo {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*///////////// SECTION 01 + @media desktop e mobile /////////////////// */
|
||||||
|
|
||||||
|
.main-banner {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 414px){
|
||||||
|
.main-banner-desktop {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 415px ) {
|
||||||
|
.main-banner-mobile{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user