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

feat: estilização das três imagens de computador e o background cinza

Browse Source
This commit is contained in:
Ramon Dias Ferreira 2022-10-13 10:36:44 -03:00
parent 3f84222d37
commit c458b0c0e1
2 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/styles/landing-page.css
View File

@ -83,4 +83,23 @@ header {
.img-card img{
width: 100%;
}
}
.computers-area{
display: flex;
justify-content: space-evenly;
width: 100%;
background: #E0E0E0;
}
.computers-img{
position: relative;
top: 60px;
width: 29%;
}
.computers-img img{
width: 100%;
}

9
landing-page.html
View File

@ -52,15 +52,14 @@
</figcaption>
</div>
</section>
<div>color cinza</div>
<section>
<figure>
<section class="computers-area">
<figure class="computers-img">
<img src="./assets/images/computer 1.png"/>
</figure>
<figure>
<figure class="computers-img">
<img src="./assets/images/computer 2.png"/>
</figure>
<figure>
<figure class="computers-img">
<img src="./assets/images/computer 3.png"/>
</figure>
</section>