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

Merge pull request 'hotfix(index): Ajustando conteudo para telas 4k' (#11) from hotfix/Telas4k into development

Browse Source 
Reviewed-on: #11
This commit is contained in:
Wellington Duarte Santos 2022-10-13 12:20:32 +00:00
commit 7ff596bcad
1 changed files with 57 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
css/style.css
View File

@ -68,6 +68,7 @@ body{
.top-infocard-image{
display: block;
margin-top: 74px;
width: 100%;
}
/*** TOP CARDS ***/
@ -96,6 +97,9 @@ body{
align-items: center;
max-width: 85%;
margin: 28px auto;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
/*** MID BANNER ***/
@ -140,7 +144,7 @@ body{
margin-left: auto;
margin-right: auto;
margin-top: 108px;
max-width: 70%;
width: 100%;
}
.bottom-infocard-title{
@ -162,6 +166,7 @@ body{
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 0 14% 0;
margin-top: 50px;
}
@ -279,7 +284,6 @@ body{
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.bottom-infocard-title{
@ -329,5 +333,56 @@ body{
/*** 2500 px ***/
@media (min-width: 2500px){
/*** TOP INFOCARD ***/
.top-infocard-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-infocard-image{
width: 470px;
}
/*** CARDS ***/
.card-description{
font-size: 32px;
line-height: 48px;
}
.card-image{
width: 150px;
height: 150px;
}
/*** BOTTOM INFOCARD ***/
.bottom-infocard-title{
font-size: 64px;
line-height: 78px;
}
.bottom-infocard-description{
font-size: 32px;
line-height: 48px;
margin: 0 auto 0;
}
.bottom-infocard{
display: grid;
}
/*** FOOTER ***/
.copyright{
font-size: 20px;
line-height: 24px;
}
}