Mickael.Cypriano.Rocha/challenge-landing-page-Mickael
0
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cardes montados, termine a parte inferior e inicio mobile

Browse Source
This commit is contained in:
Mickael_cypriano 2022-10-11 00:51:41 -03:00
parent 75d538d73c
commit 4e7f77ff03
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -42,17 +42,17 @@
<section class="terceira-section-card"> <section class="terceira-section-card">
<div class="terceira-section card-01"> <div class="terceira-section card-01">
<img src="./src/assents/imagens/shop 1.svg" alt="imagem-shop-card"> <img src="./src/assents/imagens/shop 1.svg" alt="imagem-shop-card">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div> </div>
<div class="terceira-section card-02"> <div class="terceira-section card-02">
<img src="./src/assents/imagens/shopping-bag (1) 1.svg" alt="imagem-shop-bag-card"> <img src="./src/assents/imagens/shopping-bag (1) 1.svg" alt="imagem-shop-bag-card">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div> </div>
<div class="terceira-section card-03"> <div class="terceira-section card-03">
<img src="./src/assents/imagens/coin 1.svg" alt="imagem-shop-bag-card"> <img src="./src/assents/imagens/coin 1.svg" alt="imagem-shop-bag-card">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div> </div>
</section> </section>

15
src/style/style.css
View File

@ -88,10 +88,11 @@
flex-direction: column; flex-direction: column;
background: #FFFFFF; background: #FFFFFF;
text-align: center; text-align: center;
padding-top: 35px ; padding-top: 35px;
margin-bottom: 30px; margin-bottom: 30px;
width: 26%; margin: 0px 10px 80px;
height: 26%; width: 40%;
height: 40%;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
} }
@ -102,6 +103,14 @@
.terceira-section p { .terceira-section p {
padding: 0px 24px 27px; padding: 0px 24px 27px;
max-width: 300px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
} }
/* quarta parte do site */ /* quarta parte do site */