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

<feat>[aqui q deu problema das imagens]

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2022-10-10 18:30:37 -03:00
parent 979985a834
commit f4843c9a71
5 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/imagens/middle-banner-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 232 KiB

BIN
assets/imagens/middle-banner-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
assets/imagens/middle-banner-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

13
assets/styles/main.css
View File

@ -61,7 +61,7 @@ body{
grid-template-columns: repeat(3, 1fr);
gap: 21px;
justify-content: center;
padding: 178px 20%;
padding: 178px 20% 80px;
}
.top-card{
display: flex;
@ -82,6 +82,17 @@ body{
line-height: 24px;
text-align: center;
}
.Banners-middle{
display: grid;
grid-area: 1fr 1fr 1fr;
justify-content: center;
gap: 36px;
background: #E0E0E0
}
.middle-banner{
display: block;
width: 100%;
}
@media screen and (min-width: 2500px) {
.page-header{

14
index.html
View File

@ -42,23 +42,29 @@
</p>
</div>
<img class="top-infocard-image" src="./assets/imagens/top-infocard-image.png" alt="Imagem do infocard do topo"/>
<img class="top-infocard-image" src="./assets/imagens/top-infocard-image.png" alt="Imagem-do-infocard-do-topo"/>
</section>
<section class="top-cards">
<figure class="top-card card-1">
<img class="top-card-image" src="./assets/imagens/top-card-image-1.svg" alt="Primeira card do topo"/>
<img class="top-card-image" src="./assets/imagens/top-card-image-1.svg" alt="Primeira-card-do-topo"/>
<figcaption class="top-card-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
</figure>
<figure class="top-card card-2">
<img class="top-card-image" src="./assets/imagens/top-card-image-2.svg" alt="Primeira card do topo"/>
<img class="top-card-image" src="./assets/imagens/top-card-image-2.svg" alt="Segundo-card-do-topo"/>
<figcaption class="top-card-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
</figure>
<figure class="top-card card-3">
<img class="top-card-image" src="./assets/imagens/top-card image-3.svg" alt="Primeira card do topo"/>
<img class="top-card-image" src="./assets/imagens/top-card image-3.svg" alt="Terceiro-card-do-topo"/>
<figcaption class="top-card-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
</figure>
</section>
<figure class="Banners-middle">
<img class="middle-banner" src="./assets/imagens/middle-banner-1.png" alt="Primeira-imagem-do-meio"/>
<img class="middle-banner" src="./assets/imagens/middle-banner-2.png" alt="Segunda-imagem-do-meio"/>
<img class="middle-banner" src="./assets/imagens/middle-banner-3.png" alt="Terceira-imagem-do-meio"/>
</figure>
</main>
</body>
</html>