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

32
index.html
View File

@ -24,20 +24,25 @@
</header>
<main>
<div>
<figure>
<img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Banner Principal Desktop"/>
</figure>
<figure>
<img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Banner Principal Desktop"/>
</figure>
<figure>
<img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner Principal Mobile"/>
</figure>
</div>
<figure>
<img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner Principal Mobile"/>
</figure>
<section class="top-infocard">
<div class="top-infocard-text">
<h2 class="top-infocard-subtitle">Lorem ipsum</h2>
<h1 class="top-infocard-title">Dolor sit amet</h1>
<h2 class="top-infocard-subtitle">
Lorem ipsum
</h2>
<h1 class="top-infocard-title">
Dolor sit amet
</h1>
<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.
@ -162,14 +167,9 @@
</figure>
</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
</p>
<p class="footer-text footer-text-mobile">
Copyright © 2020 - Loja Comércio Eletrônico <br>
CNPJ: 000.000.000/0001-00
</p>
</footer>
</body>
</html>