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

8
index.html
View File

@ -42,17 +42,17 @@
<section class="terceira-section-card">
<div class="terceira-section card-01">
<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 class="terceira-section card-02">
<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 class="terceira-section card-03">
<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>
</section>
@ -68,7 +68,7 @@
</section>
<section>
</section>
</main>

15
src/style/style.css
View File

@ -88,10 +88,11 @@
flex-direction: column;
background: #FFFFFF;
text-align: center;
padding-top: 35px ;
padding-top: 35px;
margin-bottom: 30px;
width: 26%;
height: 26%;
margin: 0px 10px 80px;
width: 40%;
height: 40%;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
}
@ -102,6 +103,14 @@
.terceira-section p {
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 */