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

feat: adicionando estilo padrão as imagense figures

Browse Source
This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-10-12 18:15:37 -03:00
parent 0d69e352ec
commit c28bc503ce
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
styles/style.css
View File

@ -3,10 +3,20 @@
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}
body{
width: 100%;
}
figure{
display: flex;
justify-content: center;
}
img{
width: 100%;
}
.card{
display: flex;
flex-direction: column;
@ -99,11 +109,11 @@ main section.container-cards .card{
}
main section.container-cards .card img.card-image{
width: fit-content;
padding-top: 35px;
}
main section.container-cards .card figcaption.card-description{
padding: 30px 25px 27px 26px;
}
@ -125,18 +135,17 @@ main .container-three-images .three-images-wrapper{
padding: 0 62px;
}
main .container-three-images .three-images-wrapper img{
width: 566px;
/* Segundo container com cards */
main section.container-cards.second{
padding-bottom: 0;
}
/* Segundo container com cards */
main section.container-cards.second .card{
width: 432px;
height: fit-content
height: fit-content;
}
main section.container-cards.second .card figcaption.card-description{
padding: 30px 32px 65px 33px;
}
@ -154,7 +163,6 @@ main article.container-article .article-text{
flex-direction: column;
align-items: center;
text-align: center;
padding-bottom: 50px;
}
@ -166,25 +174,16 @@ main article.container-article .article-text h3.article-title{
}
main article.container-article .article-text p.article-description{
margin-top: 35px;
padding-top: 35px;
width: 100%;
width: 40%;
}
main article.container-article figure.article-image{
display: flex;
justify-content: center;
}
main article.container-article figure.article-image img.image-mobile{
main article.container-article figure.article-image-mobile{
display: none;
}
main article.container-article figure.article-image img{
width: 100%;
}
/* Footer da pagina */
/* Footer da pagina */
footer{
display: flex;
justify-content: center;