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