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

parte 1 feita

Browse Source
This commit is contained in:
Rodrigo 2022-10-09 23:51:53 -03:00
parent de18437fd7
commit f29e286cde
2 changed files with 57 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -26,7 +26,26 @@
<figure class="corpoPt2">
<img class="imagem2" src="imagens/fxemoji_threenetworkedcomputers.png" alt="Imagem de tres computadores">
</figure>
<section class="corpoPt3">
<figure class="quadrado1">
<img src="imagens/Group.png" alt="imagem de loja">
<figcaption>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</figcaption>
</figure>
<figure class="quadrado2">
<img src="imagens/shopping-bag (1) 1.png" alt="imagem de bolsa">
<figcaption>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</figcaption>
</figure>
<figure class="quadrado3">
<img src="imagens/Group (1).png" alt="imagem de dinheiro">
<figcaption>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</figcaption>
</figure>
</section>
</main>
</body>
</html>

37
style.css
View File

@ -3,6 +3,7 @@ body{
padding: 0;
border: 0;
font-family: inter;
background: #E5E5E5;
}
main figure{
margin-block-start: 0;
@ -56,4 +57,40 @@ main figure{
.corpoPt2{
margin-top: 73px;
text-align: center;
}
.imagem2{
width: 16%;
}
.corpoPt3{
margin-top: 178px;
display: flex;
flex-direction: row;
justify-content: center;
gap: 1%;
}
section figure {
text-align: center;
width: 18%;
background: #FFFFFF;
}
section figure img{
width: 29%;
}
section figure figcaption p{
font-style: normal;
font-size: 16px;
margin-left: 11%;
margin-right: 11%;
}
.quadrado1 img{
margin-top: 47px;
margin-bottom: 38px;
}
.quadrado2 img{
margin-top: 35px;
margin-bottom: 31px;
}
.quadrado3 img{
margin-top: 31px;
margin-bottom: 31px;
}