forked from M3-Academy/challenge-landing-page
Compare commits
11 Commits
feature/fo
...
main
Author | SHA1 | Date | |
---|---|---|---|
b8f825aadc | |||
7ff596bcad | |||
649880fa7f | |||
7faaa99214 | |||
9be490fb1a | |||
21e6456d97 | |||
fde2bb1850 | |||
f8c5fdf5db | |||
693b22215a | |||
26d13df36a | |||
b76c0a3203 |
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user