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

feat: cria versao mobile de regiao abaixo do banner

Browse Source
This commit is contained in:
Emmanuel Vitor Pereira de Jesus 2022-10-11 21:55:45 -03:00
parent 902ea407c4
commit dc016611b2
1 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
style/style.css
View File

@ -33,7 +33,7 @@ header {
} }
main { main {
background-color: var(--grey-body); background-color: var(--white);
} }
@ -61,7 +61,6 @@ main {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding-top: 74px; padding-top: 74px;
border: 2px solid red;
} }
.container-midle-title { .container-midle-title {
@ -76,7 +75,7 @@ main {
width: 11.75%; width: 11.75%;
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px;
line-height: 39px; line-height: 40px;
text-transform: uppercase; text-transform: uppercase;
} }
@ -85,7 +84,7 @@ main {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
margin: 30px 0 74px; margin: 28px 0 74px;
} }
@ -94,7 +93,7 @@ main {
} */ } */
.container-midle-img { .container-midle-img {
border: 1px solid;
width: 16%; width: 16%;
height: 16%; height: 16%;
display: block; display: block;
@ -108,4 +107,39 @@ main {
.banner-img-mobile { .banner-img-mobile {
display: block; display: block;
} }
main{ background-color: var(--grey-footer);}
/* AREA ABAIXO DO BANNER */
.container-midle {
width: 100%;
}
.container-midle-flex {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.container-midle-title {
width: 56.76%;
font-size: 28px;
line-height: 34px;
}
.container-midle-subtitle {
width: 33.33%;
font-size: 20px;
line-height: 24px;
}
.container-midle-paragraph {
width: 86%;
font-size: 16px;
line-height: 24px;
margin: 15px 0 74px;
text-align: center;
}
} }