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

Merge pull request 'feature/landingpage-poscorrecao' (#2) from feature/landingpage-poscorrecao into main

Browse Source 
Reviewed-on: #2
This commit is contained in:
Sabrina Miranda 2022-11-01 16:56:55 +00:00
commit 66157b9f02
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/styles/style.css
View File

@ -74,6 +74,7 @@ a {
font-size: 16px;
line-height: 24px;
padding-top: 28px;
text-align: left;
}
.top-infocard-image {
@ -166,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%;
}
@ -274,7 +279,7 @@ a {
.top-infocard-text {
max-width: 86%;
padding: 73px 0 65px;
padding: 69px 0;
}
.top-infocard-subtitle {
@ -288,7 +293,8 @@ a {
}
.top-infocard-description {
padding-top: 22px;
padding-top: 0px;
text-align: center;
}
.top-infocard-image {
@ -341,6 +347,10 @@ a {
width: 88%;
}
.image-bottom-card-1, .image-bottom-card-3 {
padding-bottom: 10px;
}
.bottom-infocard-image-desktop {
display: none;
}

10
index.html
View File

@ -11,7 +11,7 @@
<title>M3 Academy Landing Page</title>
<link href="https: //fonts.googleapis.com/css2? família= Inter:wght@400;500;600 & display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/styles/style.css">
</head>
@ -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>