naianfelix/challenge-landing-page-naian-felix
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona main banner desktop e mobile

Browse Source
This commit is contained in:
Naian Felix dos Santos 2022-10-10 17:04:18 -03:00
parent 18f839ee0a
commit aa3a356fd3
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/styles/main.css
View File

@ -25,8 +25,16 @@ body {
width: 100%; width: 100%;
} }
.main-banner {
width: 100%;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.header-logo { .header-logo {
padding: 24px 0 33px; padding: 24px 0 33px;
} }
.main-banner {
content: url('../image/main-banner-mobile.png');
}
} }

6
index.html
View File

@ -22,6 +22,12 @@
<main> <main>
<div>
<img class="main-banner" src="assets/image/main-banner-desktop.png" alt="Banner Principal">
</div>
</main> </main>