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

feat(section) feito section img computadores coloridos

Browse Source
This commit is contained in:
Vinicius Gabriel do Amaral Pereira 2022-10-12 17:03:26 -03:00
parent 4bf70a694e
commit 935a9235c6
5 changed files with 44 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
image/img-pc-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

BIN
image/img-pc-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 213 KiB

BIN
image/img-pc-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 317 KiB

13
index.html
View File

@ -60,6 +60,19 @@
</div>
<div class="div-background">
<figure class="figure-img">
<img class="img-figure" src="./image/img-pc-1.png" alt="Imagem 1 notebooke colorido">
</figure>
<figure class="figure-img">
<img class="img-figure" src="./image/img-pc-2.png" alt="Imagem 2 notebooke colorido">
</figure>
<figure class="figure-img">
<img class="img-figure" src="./image/img-pc-3.png" alt="Imagem 3 notebooke colorido">
</figure>
</div>
</body>
</html>

31
style.css
View File

@ -35,6 +35,9 @@ body html{
.section-3pc{
display: flex;
flex-direction: column;
@ -78,6 +81,10 @@ body html{
.div-icon{
}
@ -107,6 +114,30 @@ body html{
}
.div-background{
background-color: #E0E0E0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 39px;
margin-top: 80px;
}
.figure-img{
position: relative;
top: 62px;
width: 30%;
}
.img-figure{
width: 100%;
}
/*MEDIA SCREEN*/
@media screen and (max-width: 1024px){
.img-logo{