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

<feat>(4k): Ajustei pro tamanho 4k

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2022-10-11 19:32:18 -03:00
parent ef5823e452
commit 2c24cf2481
1 changed files with 42 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
assets/styles/main.css
View File

@ -36,12 +36,14 @@ body{
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px;
line-height: 39px;
text-transform: uppercase; text-transform: uppercase;
} }
.top-infocard-title{ .top-infocard-title{
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
font-size: 48px; font-size: 48px;
line-height: 58px;
text-transform: uppercase; text-transform: uppercase;
padding: 0 0 28px; padding: 0 0 28px;
} }
@ -109,7 +111,6 @@ body{
justify-content: center; justify-content: center;
padding: 191px 0 54px; padding: 191px 0 54px;
gap: 16px; gap: 16px;
} }
.bottom-figures-card{ .bottom-figures-card{
display: flex; display: flex;
@ -178,21 +179,54 @@ body{
list-style: none; list-style: none;
gap: 16px; gap: 16px;
} }
.incos{
width: 100%;
}
.footer-text{ .footer-text{
font-weight: 400; font-weight: 400;
font-size: 10px; font-size: 10px;
line-height: 12px; line-height: 12px;
text-transform: uppercase; text-transform: uppercase;
color: #BDBDBD; color: #BDBDBD;
}
.icons{
width: 1vw;
min-width: 24px;
} }
/* layout 4K */ /* layout 4K */
@media screen and (min-width: 2500px) { @media screen and (min-width: 2500px) {
.page-header{ .page-header{
padding: 58px padding: 58px
} }
.top-inforcard-subtitle{
font-size: 64px;
line-height: 78px;
}
.top-infocard-title{
font-size: 96px;
line-height: 116px;
}
.top-infocard-description{
font-size: 32px;
line-height: 48px;
}
.top-card-description{
font-size: 32px;
line-height: 48px;
}
.bottom-figcapiton{
font-size: 32px;
line-height: 48px;
}
.bottom-banner-subtitle{
font-size: 64px;
line-height: 78px;
}
.bottom-banner-describition{
font-size: 32px;
line-height: 48px;
}
.footer-text{
font-size: 20px;
line-height: 24px;
}
} }
/* layaut mobile */ /* layaut mobile */
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
@ -216,7 +250,7 @@ body{
padding: 0 0 73px; padding: 0 0 73px;
} }
.top-infocard-image { .top-infocard-image {
width: 58% width: 58%;
} }
/* top-cards */ /* top-cards */
.top-cards{ .top-cards{
@ -250,7 +284,8 @@ body{
} }
.Banner2{ .Banner2{
grid-area: b2; grid-area: b2;
} .Banner3{ }
.Banner3{
grid-area: b3; grid-area: b3;
} }
/* bottom-cards */ /* bottom-cards */