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

hotfix(index): Ajustando conteudo para telas 4k #11

Merged
WellingtonDuarteSantos merged 1 commits from hotfix/Telas4k into development 2022-10-13 12:20:33 +00:00
Conversation 0 Commits 1 Files Changed 1 +57 -2
1 changed files with 57 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 649880fa7f - Show all commits

59
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;
}
}