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: corrige alinhamento e espacamento de texto na versao movel e desktop

Browse Source 
texto na versão movel e desktop estavam quebrando
This commit is contained in:
Emmanuel Vitor Pereira de Jesus 2022-10-12 14:10:16 -03:00
parent dc016611b2
commit 0ba332e34c
1 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
style/style.css
View File

@ -64,7 +64,7 @@ main {
} }
.container-midle-title { .container-midle-title {
width: 22%;
font-weight: 500; font-weight: 500;
font-size: 48px; font-size: 48px;
line-height: 58px; line-height: 58px;
@ -72,33 +72,32 @@ main {
} }
.container-midle-subtitle { .container-midle-subtitle {
width: 11.75%;
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px;
line-height: 40px; line-height: 40px;
text-transform: uppercase; text-transform: uppercase;
} }
.container-midle-paragraph { .container-midle-paragraph {
width: 40%; width: 766px;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
margin: 28px 0 74px; margin: 28px 0 74px;
} }
/* .container-midle-banner {
max-width: 315px;
} */
.container-midle-img { .container-midle-img {
width: 16%; width: 16%;
height: 16%; height: 16%;
display: block; display: block;
} }
/* */
@media (max-width:1024px) { @media (max-width:1024px) {
/* BANNER MOBILE */ /* BANNER MOBILE */
.banner-img-desktop { .banner-img-desktop {
@ -109,6 +108,7 @@ main {
} }
main{ background-color: var(--grey-footer);} main{ background-color: var(--grey-footer);}
/* AREA ABAIXO DO BANNER */ /* AREA ABAIXO DO BANNER */
.container-midle { .container-midle {
@ -120,26 +120,26 @@ main {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.container-midle-title { .container-midle-title {
width: 56.76%;
font-size: 28px; font-size: 28px;
line-height: 34px; line-height: 34px;
} }
.container-midle-subtitle { .container-midle-subtitle {
width: 33.33%;
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
} }
.container-midle-paragraph { .container-midle-paragraph {
width: 86%; width: 100%;
max-width: 360px;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
margin: 15px 0 74px;
text-align: center; text-align: center;
} }
} }