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

alterando medidas

Browse Source
This commit is contained in:
Yan Pecanha Garriga 2022-10-13 03:48:17 -03:00
parent 0605ff5dff
commit fb02c586b6
1 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/styles.css/main.css
View File

@ -76,9 +76,9 @@ body {
.top-cards { .top-cards {
background: #FFFFFF; background: #FFFFFF;
grid-template-columns: repeat(3, max-content); grid-template-columns: repeat(3, max-content);
padding: 3% 0 4%; padding: 7% 4% 6%;
display: grid; display: grid;
gap: 1.09vw; gap: 48px;
justify-content: center; justify-content: center;
} }
@ -155,14 +155,9 @@ body {
} }
.bottom-infocard-desktop { .bottom-infocard-desktop {
display: flex; margin: 6% 36% 3%;
margin: 6% 0 3%;
align-items: center;
justify-content: center;
} }
.bottom-infocard-tittle { .bottom-infocard-tittle {
font-weight: 600; font-weight: 600;
font-size: 32px; font-size: 32px;
@ -261,7 +256,7 @@ body {
.top-cards { .top-cards {
grid-template-columns: 1fr; grid-template-columns: 1fr;
padding: 36px 26px; padding: 0 32px 112px;
gap: 5.79vw; gap: 5.79vw;
} }
@ -336,8 +331,7 @@ body {
} }
.bottom-infocard-group { .bottom-infocard-group {
max-width: 88%; margin: 12% 4% 21%;
margin: 12% 0 21%;
} }
.bottom-infocard-mobile { .bottom-infocard-mobile {
@ -368,8 +362,5 @@ body {
} }
@media screen and (min-width: 768px) and (max-width: 1023px) { @media screen and (min-width: 768px) and (max-width: 1023px) {
.top-cards {
grid-template-columns: 1fr;
padding: 30px 28px;
}
} }