forked from M3-Academy/challenge-landing-page
feat(home): Adiciona banner do meio mobile
This commit is contained in:
parent
78d66e3b13
commit
8aa2e4b8a6
@ -82,7 +82,7 @@ body {
|
||||
|
||||
.top-card-image {
|
||||
display: block;
|
||||
margin-top: 10%;
|
||||
margin-top: 35px;
|
||||
}
|
||||
.top-card-description {
|
||||
font-style: normal;
|
||||
@ -128,7 +128,7 @@ body {
|
||||
}
|
||||
.top-infocard {
|
||||
padding: 73px 0 90px;
|
||||
margin: 0 28px 0;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
.top-inforcard-text {
|
||||
margin-bottom: 65px;
|
||||
@ -154,8 +154,18 @@ body {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
gap: 24px;
|
||||
margin: 0 32px 80px;
|
||||
width: 85%;
|
||||
margin: 0 auto 80px;
|
||||
width: 84%;
|
||||
}
|
||||
.middle-banners {
|
||||
margin-bottom: 112px;
|
||||
}
|
||||
.middle-banners-wrapper {
|
||||
grid-template-areas: "image02 image01 " "image03 image03";
|
||||
bottom: -32px;
|
||||
row-gap: 24px;
|
||||
column-gap: 14px;
|
||||
margin: 0 24px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1024px) {
|
||||
|
Loading…
Reference in New Issue
Block a user