Adiciona o banner central desktop e mobile
This commit is contained in:
parent
cc8c441d9a
commit
fd6f9ef2d4
BIN
assets/images/middle-banner-desktop.png
Normal file
BIN
assets/images/middle-banner-desktop.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 946 KiB |
BIN
assets/images/middle-banner-mobile.png
Normal file
BIN
assets/images/middle-banner-mobile.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 140 KiB |
@ -20,7 +20,8 @@ body{
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-banner{
|
.main-banner,
|
||||||
|
.middle-banner{
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@ -89,7 +90,8 @@ body{
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 414px){
|
@media screen and (max-width: 414px){
|
||||||
.main-banner-desktop{
|
.main-banner-desktop,
|
||||||
|
.middle-banner-desktop{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -143,7 +145,8 @@ body{
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 415px){
|
@media screen and (min-width: 415px){
|
||||||
.main-banner-mobile{
|
.main-banner-mobile,
|
||||||
|
.middle-banner-mobile{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -74,6 +74,11 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<img class="middle-banner middle-banner-desktop" src="./assets/images/middle-banner-desktop.png" alt="Banner Central Desktop">
|
||||||
|
<img class="middle-banner middle-banner-mobile" src="./assets/images/middle-banner-mobile.png" alt="Banner Central Mobile">
|
||||||
|
</section>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user