feat: adiciona banner desktop e mobile #1
9
assets/images/banner-desktop.svg
Normal file
9
assets/images/banner-desktop.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 1.1 MiB |
9
assets/images/banner-mobile.svg
Normal file
9
assets/images/banner-mobile.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 1.1 MiB |
@ -12,3 +12,33 @@ header {
|
||||
height: 100px;
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
.banner-desktop {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-desktop figure img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 414px) {
|
||||
.banner-desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner-mobile {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-mobile figure img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
16
index.html
16
index.html
@ -18,5 +18,21 @@
|
||||
/>
|
||||
</a>
|
||||
</header>
|
||||
<div class="banner-desktop">
|
||||
<figure>
|
||||
<img
|
||||
src="./assets/images/banner-desktop.svg"
|
||||
alt="Banner da landing page"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="banner-mobile">
|
||||
<figure>
|
||||
<img
|
||||
src="./assets/images/banner-mobile.svg"
|
||||
alt="Banner da landing page"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Reference in New Issue
Block a user