Adaptcao para telas maiores (4K)
This commit is contained in:
parent
d7fcff41db
commit
2bd1f03673
@ -308,6 +308,47 @@ body{
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1281px){
|
||||
.top-infocard-title{
|
||||
font-size: 54px;
|
||||
}
|
||||
|
||||
.top-infocard-subtitle{
|
||||
font-size: 42px;
|
||||
}
|
||||
|
||||
.top-infocard-description{
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.top-card-description{
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.bottom-card-description{
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.bottom-infocard-title{
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.bottom-infocard-description{
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.footer-text{
|
||||
text-align: center;
|
||||
max-width: 800px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2000px){
|
||||
.bottom-cards-wrapper{
|
||||
grid-template-columns: repeat(4, max-content);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user