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

correção de margin do second-cards e middle-banner

Browse Source
This commit is contained in:
Ueber James Santos 2022-10-10 03:27:51 -03:00
parent 83e5d1c27b
commit 73ce80bd7a
2 changed files with 30 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -111,7 +111,7 @@
</div> </div>
<!-- second-card --> <!-- second-card -->
<section class="descricao-container"> <section class="descricao-container-second">
<div class="second-cards"> <div class="second-cards">
<figure class="second-card"> <figure class="second-card">
<img <img

35
src/style/style.css
View File

@ -24,6 +24,7 @@ body {
/* */ /* */
/* Banner-principal */ /* Banner-principal */
.descricao-container, .descricao-container,
.descricao-container-second,
.banner-principal-container, .banner-principal-container,
.mobile-banner img, .mobile-banner img,
.descktop-banner img, .descktop-banner img,
@ -35,6 +36,7 @@ body {
/* inforcar principal */ /* inforcar principal */
.descricao-container, .descricao-container,
.descricao-container-second,
.texto-inforcard, .texto-inforcard,
.second-texto-inforcard { .second-texto-inforcard {
display: flex; display: flex;
@ -63,7 +65,6 @@ body {
.top-card-text, .top-card-text,
.texto-inforcard p { .texto-inforcard p {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
padding: 25px 0; padding: 25px 0;
@ -126,6 +127,11 @@ body {
} }
/* second-card */ /* second-card */
.descricao-container-second {
padding: 78px 0 90px;
gap: 75px;
}
.second-cards { .second-cards {
margin: 0%; margin: 0%;
display: grid; display: grid;
@ -158,7 +164,6 @@ body {
.second-texto-inforcard p { .second-texto-inforcard p {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
} }
.banner-final { .banner-final {
@ -167,7 +172,6 @@ body {
/* footer */ /* footer */
.footer-page { .footer-page {
margin: 60px 0 0; margin: 60px 0 0;
display: grid; display: grid;
@ -178,14 +182,12 @@ body {
align-items: center; align-items: center;
background: #000000; background: #000000;
padding: 38px 0; padding: 38px 0;
} }
.footer { .footer {
display: flex; display: flex;
gap: 16px; gap: 16px;
align-items: center; align-items: center;
} }
.footer-page p { .footer-page p {
@ -194,13 +196,11 @@ body {
line-height: 12px; line-height: 12px;
font-size: 10px; font-size: 10px;
font-weight: 400; font-weight: 400;
color: #BDBDBD; color: #bdbdbd;
} }
/* Media Queries */ /* Media Queries */
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.descktop-banner, .descktop-banner,
.middle-img, .middle-img,
@ -213,10 +213,14 @@ body {
} }
.top-cards, .top-cards,
.texto-inforcard, .texto-inforcard {
grid-template-columns: 1fr;
margin: 0 32px;
}
.second-cards { .second-cards {
grid-template-columns: 1fr; grid-template-columns: 1fr;
margin: 0 26; margin: 0 23px;
} }
.texto-inforcard h2 { .texto-inforcard h2 {
@ -239,8 +243,8 @@ body {
font-size: 18px; font-size: 18px;
} }
.middle-card { .middle-card {
margin: 0 26px; margin: 0 23px;
padding: 0 36px;
} }
.card-wrpper { .card-wrpper {
@ -287,8 +291,7 @@ body {
.top-card-text, .top-card-text,
.texto-inforcard p, .texto-inforcard p,
.second-texto-inforcard p .second-texto-inforcard p {
{
font-size: 28px; font-size: 28px;
} }
.footer-page p { .footer-page p {
@ -296,6 +299,6 @@ body {
} }
.footer-page img { .footer-page img {
height: 30px; height: 30px;
width: 30px;} width: 30px;
}
} }