Adiciona o top infocard desktop e mobile
This commit is contained in:
parent
fffb51eda0
commit
35a402a97e
@ -28,7 +28,7 @@ body{
|
|||||||
|
|
||||||
.top-infocard{
|
.top-infocard{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-itens: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 80px 0 96px;
|
padding: 80px 0 96px;
|
||||||
}
|
}
|
||||||
@ -85,17 +85,26 @@ body{
|
|||||||
.top-infocard-image{
|
.top-infocard-image{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 240px;
|
max-width: 240px;
|
||||||
margin: auto;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 993px) and (max-width: 1200px) {
|
@media screen and (min-width: 993px) and (max-width: 1280px) {
|
||||||
|
.top-infocard-text{
|
||||||
|
max-width: 520px;
|
||||||
|
margin-right: 70px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 415px){
|
@media screen and (min-width: 415px){
|
||||||
.main-banner-mobile{
|
.main-banner-mobile{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 415px){
|
||||||
|
.main-banner-mobile{
|
||||||
|
max-width: 415px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user