feat(index): adiciona estilo para cards de baixo para desktop e mobile

This commit is contained in:
Nicolly Vieira Santos Costa 2022-10-11 14:58:46 -03:00
parent 210dc80235
commit 3270831b85

View File

@ -89,6 +89,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.top-cards { .top-cards {
gap: 21px; gap: 21px;
@ -157,6 +158,31 @@ body {
width: 100%; width: 100%;
} }
/*bottom cards*/
.bottom-cards {
gap: 16px;
width: 92.50%;
margin: 0 auto;
padding-bottom: 108px;
}
.bottom-card {
padding: 35px 32px 45px;
}
.bottom-card-image {
width: 29%;
padding-bottom: 18px;
}
.bottom-card-description {
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
}
/*mobile*/ /*mobile*/
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
@ -202,10 +228,10 @@ body {
/*top cards*/ /*top cards*/
.cards { .cards {
flex-direction: column; flex-direction: column;
width: 100%;
} }
.top-cards { .top-cards {
width: 100%;
padding: 0 30px 80px; padding: 0 30px 80px;
} }
@ -217,7 +243,8 @@ body {
font-size: 14px; font-size: 14px;
} }
.top-card-image { .top-card-image,
.bottom-card-image {
max-width: 150px; max-width: 150px;
} }
@ -236,10 +263,17 @@ body {
width: 100%; width: 100%;
} }
/*bottom cards*/
.bottom-cards {
padding: 0 23px 89px;
}
} }
/*4K*/ /*4K*/
@media screen and (min-width: 2500px) { @media screen and (min-width: 2500px) {
/*top infocard*/ /*top infocard*/
.top-infocard-subtitle { .top-infocard-subtitle {
font-size: 64px; font-size: 64px;
@ -252,9 +286,9 @@ body {
} }
.top-infocard-description, .top-infocard-description,
.top-card-description { .top-card-description,
.bottom-card-description {
font-size: 32px; font-size: 32px;
line-height: 48px; line-height: 48px;
} }
} }