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{ .img-card img{
width: 100%; 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> </figcaption>
</div> </div>
</section> </section>
<div>color cinza</div> <section class="computers-area">
<section> <figure class="computers-img">
<figure>
<img src="./assets/images/computer 1.png"/> <img src="./assets/images/computer 1.png"/>
</figure> </figure>
<figure> <figure class="computers-img">
<img src="./assets/images/computer 2.png"/> <img src="./assets/images/computer 2.png"/>
</figure> </figure>
<figure> <figure class="computers-img">
<img src="./assets/images/computer 3.png"/> <img src="./assets/images/computer 3.png"/>
</figure> </figure>
</section> </section>