PatrickSouzaSilva/practice-time-landing-page-patrick-souza
1
0
Fork 0
forked from M3-Academy/practice-time-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adicionando banner principal desktop e mobile e logo display block

Browse Source
This commit is contained in:
PATRICK DE SOUZA SILVA 2022-10-10 19:09:42 -03:00
parent 57658b91f3
commit dcec51fbf6
4 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
assents/imagens/banner01.png → assents/imagens/banner-desktop.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
assents/imagens/banner-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 333 KiB

9
index.html
View File

@ -16,9 +16,12 @@
<img class="header-logo" src="/assents/imagens/Logo M3 [branco] (4) 1.png" alt="logo da M3 Branco"/>
</a>
</header>
<main>
</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>
</body>

27
main.styles/style.css
View File

@ -5,10 +5,35 @@
}
/*///////////// HEADER /////////////////// */
.page-header {
background: #000000;
display: flex;
justify-content: center;
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;
}
}