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

Adiciona nova section de imagens

Browse Source
This commit is contained in:
Joseildo Lima da Silva 2022-10-08 19:52:40 -03:00
parent f1e1d9a2b8
commit 6ae55407ef
5 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/preview_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 KiB

BIN
assets/img/preview_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 215 KiB

BIN
assets/img/preview_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

14
index.html
View File

@ -74,6 +74,20 @@
</div>
</article>
<article class="second_container">
<picture>
<img class="preview_img" src="./assets/img/preview_1.png" alt="preview 1">
</picture>
<picture>
<img class="preview_img" src="./assets/img/preview_2.png" alt="preview 2">
</picture>
<picture>
<img class="preview_img" src="./assets/img/preview_3.png" alt="preview 3">
</picture>
</article>
</main>
</body>

13
style.css
View File

@ -84,6 +84,19 @@ body {
width: 100px;
}
.second_container {
padding: 3rem;
height: 420px;
background-color: #E0E0E0;
display: flex;
gap: 24px;
}
.preview_img {
width: 100%;
}
@media screen and (max-width: 413px) {
.primary_banner {