Adiciona o top infocard desktop e mobile

This commit is contained in:
Wellington Duarte Santos 2022-10-07 10:53:07 -03:00
parent fffb51eda0
commit 35a402a97e

View File

@ -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,13 +85,15 @@ 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){
@ -99,3 +101,10 @@ body{
display: none; display: none;
} }
} }
@media screen and (max-width: 415px){
.main-banner-mobile{
max-width: 415px;
width: 100%;
}
}