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

Feat(main): Cria Mid-banner #6

Merged
Rhayllon_Daudt merged 1 commits from Feat/Mid-banners into develop 2022-10-11 02:12:43 +00:00
Conversation 0 Commits 1 Files Changed 5 +35
5 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/mid-image-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 232 KiB

BIN
assets/images/mid-image-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
assets/images/mid-image-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

19
assets/styles/main.css
View File

@ -85,4 +85,23 @@ body{
line-height: 24px;
text-align: center;
padding: 26px;
}
.mid-banners{
background: #E0E0E0;
margin: 0 0 192px;
}
.mid-banner-wrapper{
display: grid;
grid-template-columns: repeat(3, 29%);
justify-content: center;
gap: 38px;
position: relative;
top: 62px;
}
.mid-banner-image{
width: 100%;
}

16
index.html
View File

@ -66,6 +66,22 @@
</div>
</section>
<div class="mid-banners">
<div class="mid-banner-wrapper">
<figure>
<img class="mid-banner-image" src="./assets/images/mid-image-01.png" alt="Notebook meio aberto primeiro angulo" />
</figure>
<figure>
<img class="mid-banner-image" src="./assets/images/mid-image-02.png" alt="Notebook meio aberto segundo angulo" />
</figure>
<figure>
<img class="mid-banner-image" src="./assets/images/mid-image-03.png" alt="Notebook meio aberto terceiro angulo" />
</figure>
</div>
</div>
</main>
</body>