SavioCarvalhoMoraes/challenge-landing-page-savio-carvalho
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(home): Adiciona banner principal desktop e mobile #2

Merged
SavioCarvalhoMoraes merged 1 commits from feature/main/main-banner into development 2022-10-10 14:17:59 +00:00
Conversation 0 Commits 1 Files Changed 5 +54 -1
5 changed files with 54 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2d282bedc5 - Show all commits

32
assets/css/style.css
View File

@ -0,0 +1,32 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.page-header {
display: flex;
padding: 28px 0;
justify-content: center;
background-color: #000000;
}
.header-logo {
display: block;
}
.main-banner {
width: 100%;
display: block;
}
@media screen and (max-width: 1023px) {
.main-banner-desktop {
display: none;
}
}
@media screen and (min-width: 1024px) {
.main-banner-mobile {
display: none;
}
}

9
assets/imagens/Logo-M3Academy 1.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
assets/imagens/main-banner-desktop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 333 KiB

14
index.html
View File

@ -10,7 +10,19 @@
</head> </head>
<body> <body>
<header class="page-header">
<a href="/">
<img class="header-logo" src="./assets/imagens/Logo-M3Academy 1.svg" alt="Logo M3 Academy" />
</a>
</header>
<main>
<figure>
<img class="main-banner main-banner-desktop" src="./assets/imagens/main-banner-desktop.png"
alt="Banner principal desktop">
<img class="main-banner main-banner-mobile" src="./assets/imagens/main-banner-mobile.png"
alt="Banner principal mobile">
</figure>
</main>
</body> </body>
</html> </html>