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

feature/estilizacao-da-pagina #2

Merged
MateusLopes merged 11 commits from feature/estilizacao-da-pagina into main 2022-10-12 01:33:32 +00:00
Conversation 0 Commits 11 Files Changed 5 +63
1 changed files with 63 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3d94831ad1 - Show all commits

63
styles/style.css
View File

@ -135,3 +135,66 @@ main section.container-cards.second .card figcaption.card-description{
line-height: 24px;
padding: 30px 32px 65px 33px;
}
/* Artigo da pagina */
main article.container-article{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 108px 10px 116px;
}
main article.container-article .article-text{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
line-height: 24px;
padding-bottom: 50px;
}
main article.container-article .article-text h3.article-title{
font-weight: 600;
font-size: 32px;
line-height: 39px;
}
main article.container-article .article-text p.article-description{
width: 100%;
max-width: 550px;
}
main article.container-article figure.article-image{
display: flex;
justify-content: center;
}
main article.container-article figure.article-image img{
width: 100%;
}
/* Footer da pagina */
footer{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 16px;
background-color: #000000;
padding: 28px 0;
}
footer .social-links{
display: flex;
gap: 21px;
}
footer span.footer-description{
font-size: 10px;
text-transform: uppercase;
color: #BDBDBD;
line-height: 12px;
}