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

fix: Corrige espaçamentos

Browse Source
This commit is contained in:
Sabrina Miranda 2022-11-01 13:30:46 -03:00
parent 0a95b66c1f
commit aeeed5cf43
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/styles/style.css
View File

@ -167,10 +167,14 @@ a {
.bottom-card-image {
display: block;
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%;
}
@ -275,7 +279,7 @@ a {
.top-infocard-text {
max-width: 86%;
padding: 73px 0 65px;
padding: 69px 0;
}
.top-infocard-subtitle {
@ -289,7 +293,7 @@ a {
}
.top-infocard-description {
padding-top: 22px;
padding-top: 0px;
text-align: center;
}
@ -343,6 +347,10 @@ a {
width: 88%;
}
.image-bottom-card-1, .image-bottom-card-3 {
padding-bottom: 10px;
}
.bottom-infocard-image-desktop {
display: none;
}

8
index.html
View File

@ -95,28 +95,28 @@
<div class="bottom-cards">
<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>
</figure>
<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>
</figure>
<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>
</figure>
<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>