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

feat: Adiciona estilização e responsividade do bottom-infocard

Browse Source
This commit is contained in:
Gabriel Gomes Fernandes 2022-10-13 20:07:58 -03:00
parent f2a2d4b94b
commit 8a6706fc3f
1 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
assets/CSS/main.css
View File

@ -149,6 +149,27 @@ body {
text-align: center;
}
.bottom-infocard {
display: block;
}
.bottom-infocard-text {
max-width: 550px;
margin: 0 auto;
}
.bottom-infocard-title {
font-size: 32px;
font-weight: 600;
text-align: center;
}
.bottom-infocard-description {
font-size: 16px;
text-align: center;
line-height: 24px;
}
@media screen and (max-width:1024px) {
.middle-banner-container {
display: grid;
@ -235,6 +256,17 @@ body {
.bottom-cards {
grid-template-columns: 1fr;
}
.bottom-infocard-title {
max-width: 315px;
margin: 0 auto;
padding: 0 0 9px 0;
}
.bottom-infocard-description {
max-width: 350px;
margin: 0 auto;
}
}
@media screen and (min-width: 415px) {
@ -250,4 +282,17 @@ body {
.bottom-cards {
padding: 80px 24px 98px 24px;
}
.bottom-infocard {
display: flex;
flex-direction: column-reverse;
}
.bottom-infocard-title {
font-size: 24px;
}
.bottom-infocard-description {
padding-bottom: 88px;
}
}