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

feature/landingpage-poscorrecao #2

Merged
SabrinaMiranda merged 6 commits from feature/landingpage-poscorrecao into main 2022-11-01 16:56:55 +00:00
Conversation 0 Commits 6 Files Changed 2 +16 -8
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit aeeed5cf43 - Show all commits

16
assets/styles/style.css
View File

@ -167,10 +167,14 @@ a {
.bottom-card-image { .bottom-card-image {
display: block; display: block;
width: 24%; width: 24%;
padding: 44px 0 24px; padding: 35px 0 15px;
} }
.imgage-bottom-card-4 { .image-bottom-card-2 {
padding-bottom: 14px;
}
.image-bottom-card-4 {
width: 20%; width: 20%;
} }
@ -275,7 +279,7 @@ a {
.top-infocard-text { .top-infocard-text {
max-width: 86%; max-width: 86%;
padding: 73px 0 65px; padding: 69px 0;
} }
.top-infocard-subtitle { .top-infocard-subtitle {
@ -289,7 +293,7 @@ a {
} }
.top-infocard-description { .top-infocard-description {
padding-top: 22px; padding-top: 0px;
text-align: center; text-align: center;
} }
@ -343,6 +347,10 @@ a {
width: 88%; width: 88%;
} }
.image-bottom-card-1, .image-bottom-card-3 {
padding-bottom: 10px;
}
.bottom-infocard-image-desktop { .bottom-infocard-image-desktop {
display: none; display: none;
} }

8
index.html
View File

@ -95,28 +95,28 @@
<div class="bottom-cards"> <div class="bottom-cards">
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-01.svg" alt="Imagem do Primeiro Card de Baixo"/> <img class="bottom-card-image image-bottom-card-1" src="./assets/images/bottom-card-01.svg" alt="Imagem do Primeiro Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>
</figure> </figure>
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-02.svg" alt="Imagem do Segundo Card de Baixo"/> <img class="bottom-card-image image-bottom-card-2" src="./assets/images/bottom-card-02.svg" alt="Imagem do Segundo Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>
</figure> </figure>
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-03.svg" alt="Imagem do Teceiro Card de Baixo"/> <img class="bottom-card-image image-bottom-card-3" src="./assets/images/bottom-card-03.svg" alt="Imagem do Teceiro Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>
</figure> </figure>
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image imgage-bottom-card-4" src="./assets/images/bottom-card-04.svg" alt="Imagem do Quarto Card de Baixo"/> <img class="bottom-card-image image-bottom-card-4" src="./assets/images/bottom-card-04.svg" alt="Imagem do Quarto Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>