SavioCarvalhoMoraes/challenge-landing-page-savio-carvalho
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(home): Adiciona banner do meio mobile

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-10-12 10:39:39 -03:00
parent 78d66e3b13
commit 8aa2e4b8a6
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/style.css
View File

@ -82,7 +82,7 @@ body {
.top-card-image { .top-card-image {
display: block; display: block;
margin-top: 10%; margin-top: 35px;
} }
.top-card-description { .top-card-description {
font-style: normal; font-style: normal;
@ -128,7 +128,7 @@ body {
} }
.top-infocard { .top-infocard {
padding: 73px 0 90px; padding: 73px 0 90px;
margin: 0 28px 0; margin: 0 auto 0;
} }
.top-inforcard-text { .top-inforcard-text {
margin-bottom: 65px; margin-bottom: 65px;
@ -154,8 +154,18 @@ body {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
gap: 24px; gap: 24px;
margin: 0 32px 80px; margin: 0 auto 80px;
width: 85%; 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) { @media screen and (min-width: 1024px) {