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

fix: ajuste de erro no texto do footer

Browse Source
This commit is contained in:
Emmanuel Vitor Pereira de Jesus 2022-10-13 21:38:37 -03:00
parent 8ed649dd4a
commit 0afc7450f3
1 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
style/style.css
View File

@ -264,6 +264,7 @@ li {
.footer-text {
color: var(--grey-footer);
min-width: 398px;
font-size: 10px;
margin: 0 auto;
margin-top: 18px;
@ -274,59 +275,72 @@ li {
/* Medias Queries*/
@media screen and (min-width:2500px) {
/* header */
.container-midle-title {
font-size: 96px;
line-height: 116px;
}
.container-midle-subtitle {
font-size: 64px;
line-height: 80px;
}
.container-midle-paragraph {
font-size: 32px;
line-height: 48px;
max-width: 40%;
}
/* cards */
.subtitle-card {
font-weight: 400;
font-size: 32px;
line-height: 48px;
}
.container-cards {
padding: 6% 30% 4%;
}
/* Container abaixo do mobile */
.bottom-subtitle {
font-size: 64px;
line-height: 48px;
}
.bottom-paraphase {
font-size: 32px;
line-height: 48px;
}
.contact {
margin: 0px 45%;
width: 100px;
}
.footer-text {
font-size: 20px;
}
}
@media screen and (max-width:1024px) {
/* BANNER MOBILE */
.banner-img-desktop {
display: none;
}
.banner-img-mobile {
display: block;
}
/* AREA ABAIXO DO BANNER */
.container-midle {
width: 100%;
}
/* AREA ABAIXO DO BANNER */
.container-midle-flex {
display: flex;
@ -334,26 +348,31 @@ li {
align-items: center;
justify-content: center;
}
.container-midle-title {
font-size: 28px;
line-height: 34px;
}
.container-midle-subtitle {
font-size: 20px;
line-height: 24px;
}
.container-midle-paragraph {
max-width: 86%;
font-size: 16px;
line-height: 24px;
text-align: center;
}
.container-midle-img {
width: 58%;
height: 58%;
max-width: 240px;
display: block;
}
/* Area dos tres cards */
.container-cards {
display: grid;
@ -365,15 +384,18 @@ li {
justify-content: center;
padding: 90px 32px 80px;
}
.container-infocard {
grid-template-rows: repeat(4, 1fr);
grid-template-areas: "card-1" "card-2" "card-3" "card-4";
}
.subtitle-card {
max-width: 72%;
margin: 0 auto;
text-align: center;
}
/*REGIAO DO BANNER MOSAICO */
.banner-mosaic {
display: grid;
@ -384,6 +406,7 @@ li {
padding: 0 24px;
transform: translateY(32px);
}
.img1,
.img2 {
width: 100%;
@ -391,21 +414,26 @@ li {
min-width: 50%;
min-height: 50%;
}
.img3 {
min-width: 90%;
min-height: 90%;
}
/* AREA BOTTON, ANTES DO FOOTER */
.botton-img-desktop {
display: none;
}
.botton-img-mobile {
display: block;
width: 100%;
}
.bottom-paraphase {
max-width: 84%;
}
.bottom-subtitle {
max-width: 76%;
margin: 50px 12% 10px;
@ -413,14 +441,17 @@ li {
line-height: 30px;
text-align: center;
}
.bottom-flex {
flex-direction: column-reverse;
width: 100%;
}
/* FOOTER */
footer {
padding: 32px 76px;
}
.footer-text {
color: var(--grey-footer);
font-size: 10px;
@ -428,6 +459,7 @@ li {
margin-top: 10px;
text-align: center;
}
.contact {
display: flex;
flex-direction: row;