forked from M3-Academy/challenge-landing-page
Merge branch 'feature/main-banner' into development
This commit is contained in:
commit
0c14563441
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
.vscode
|
@ -11,9 +11,15 @@
|
||||
<body>
|
||||
<header class="page-header">
|
||||
<a href="/">
|
||||
<img class="header-logo" src="./src/assets/svg/m3-logo.svg" alt="Logo da M3">
|
||||
<img class="header-logo" src="./src/assets/svg/m3-logo.svg" alt="Logo da M3"/>
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div>
|
||||
<img class="main-banner main-banner-desktop" src="./src/assets/img/main-banner-desktop.png" alt="Banner Principal Desktop"/>
|
||||
<img class="main-banner main-banner-mobile" src="./src/assets/img/main-banner-mobile.png" alt="Banner Principal Mobile"/>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
@ -16,3 +16,22 @@
|
||||
.header-logo {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ----- MAIN BANNER ----- */
|
||||
.main-banner {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ----- RESPONSIVIDADE ----- */
|
||||
@media screen and (max-width: 768px) {
|
||||
.main-banner-desktop {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px) {
|
||||
.main-banner-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user