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

refactor: Deixa o código mais limpo

Browse Source
This commit is contained in:
Sabrina Miranda 2022-10-13 04:28:28 -03:00
parent d61502b8ab
commit 33677fe269
2 changed files with 22 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
assets/styles/style.css
View File

@ -240,10 +240,6 @@ a {
align-items: center; align-items: center;
} }
.footer-text-mobile {
display: none;
}
.footer-text { .footer-text {
text-transform: uppercase; text-transform: uppercase;
font-weight: 400; font-weight: 400;
@ -372,16 +368,9 @@ a {
padding: 32px 0; padding: 32px 0;
} }
.footer-text-desktop {
display: none;
}
.footer-text-mobile {
display: block;
}
.footer-text { .footer-text {
text-align: center; text-align: center;
max-width: 261px;
} }
} }
@ -398,7 +387,10 @@ a {
line-height: 116px; line-height: 116px;
} }
.top-infocard-description { .top-infocard-description,
.top-card-description,
.bottom-card-description,
.bottom-infocard-description {
font-size: 32px; font-size: 32px;
line-height: 48px; line-height: 48px;
} }
@ -407,33 +399,14 @@ a {
gap: 30px; gap: 30px;
} }
.top-card { .top-card, .bottom-card {
box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.23); box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.23);
} }
.top-card-description {
font-size: 32px;
line-height: 48px;
}
.bottom-cards { .bottom-cards {
gap: 30px; gap: 30px;
} }
.bottom-card {
box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.23);
}
.bottom-card-description {
font-size: 32px;
line-height: 48px;
}
.bottom-card-description {
font-size: 32px;
line-height: 48px;
}
.bottom-infocard-text { .bottom-infocard-text {
width: 40%; width: 40%;
} }
@ -444,11 +417,6 @@ a {
padding-bottom: 10px; padding-bottom: 10px;
} }
.bottom-infocard-description {
font-size: 32px;
line-height: 48px;
}
.footer-text { .footer-text {
line-height: 24px; line-height: 24px;
font-size: 20px; font-size: 20px;

32
index.html
View File

@ -24,20 +24,25 @@
</header> </header>
<main> <main>
<div>
<figure> <figure>
<img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Banner Principal Desktop"/> <img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Banner Principal Desktop"/>
</figure> </figure>
<figure> <figure>
<img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner Principal Mobile"/> <img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner Principal Mobile"/>
</figure> </figure>
</div>
<section class="top-infocard"> <section class="top-infocard">
<div class="top-infocard-text"> <div class="top-infocard-text">
<h2 class="top-infocard-subtitle">Lorem ipsum</h2> <h2 class="top-infocard-subtitle">
<h1 class="top-infocard-title">Dolor sit amet</h1> Lorem ipsum
</h2>
<h1 class="top-infocard-title">
Dolor sit amet
</h1>
<p class="top-infocard-description"> <p class="top-infocard-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
@ -162,14 +167,9 @@
</figure> </figure>
</div> </div>
<p class="footer-text footer-text-desktop"> <p class="footer-text">
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00 Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p> </p>
<p class="footer-text footer-text-mobile">
Copyright © 2020 - Loja Comércio Eletrônico <br>
CNPJ: 000.000.000/0001-00
</p>
</footer> </footer>
</body> </body>
</html> </html>