FilipeQuintanilha/challenge-landing-page-filipe-quintanilha
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Adiciona banners do meio mobile

Browse Source
This commit is contained in:
Filipe Quintanilha Evangelista 2022-10-12 10:39:17 -03:00
parent d1172abf87
commit fbf892e073
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/middle-banner-03-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 KiB

15
assets/styles/main.css
View File

@ -201,4 +201,19 @@ body{
.cartao{
width: 84%;
}
#image-02{
order:-1;
}
#image-03{
grid-area: 2/1/2/3;
}
.middle-banners-wrapper{
grid-template-columns: repeat(2, 43%);
column-gap: 14px;
row-gap: 24px;
}
}

4
index.html
View File

@ -87,11 +87,11 @@
<img class="middle-banners-image" src="./assets/images/middle-banner-01.png" alt="Primeiro Banner do meio">
</figure>
<figure>
<figure id="image-02">
<img class="middle-banners-image" src="./assets/images/middle-banner-02.png" alt="Segundo Banner do meio">
</figure>
<figure>
<figure id="image-03">
<img class="middle-banners-image" src="./assets/images/middle-banner-03.png" alt="Terceiro Banner do meio">
</figure>
</div>