ManuelaLuanaSchumackerTavares/challenge-landing-page-manuela-luana-schumacker-tavares
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(home): Adiciona galeria de fotos

Browse Source
This commit is contained in:
Manuela Luana Schumacker Tavares 2022-10-10 20:25:18 -03:00
parent 384cb8d752
commit 470f31d2b0
5 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/galeria-photo-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 232 KiB

BIN
assets/images/galeria-photo-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
assets/images/galeria-photo-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

11
assets/styles/styles.css
View File

@ -7,6 +7,7 @@
color: #000000;
}
/*Definindo estilos gerais*/
.galeria-photo,
.galeria-content,
.content,
.top-infocard,
@ -103,9 +104,19 @@
/*Estilo da galeria*/
.galeria-content{
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: center;
padding: 0 72px;
gap: 36px;
background: #E0E0E0;
}
.galeria-photo{
position: relative;
bottom: -62px;
}
@media screen and (max-width: 1024px){
.page-banner-principal-mobile{
display: block;

8
index.html
View File

@ -61,9 +61,11 @@
<!--Galeria de imagens-->
<div class="galeria-content">
<figure><img src="" alt=""></figure>
<figure><img src="" alt=""></figure>
<figure><img src="" alt=""></figure>
<!--<div class="galeria-photo">-->
<figure><img class="galeria-photo" src="./assets/images/galeria-photo-1.png" alt="Foto da Galeria 1"/></figure>
<figure><img class="galeria-photo" src="./assets/images/galeria-photo-2.png" alt="Foto da Galeria 2"/></figure>
<figure><img class="galeria-photo" src="./assets/images/galeria-photo-3.png" alt="Foto da Galeria 3"/></figure>
<!--</div>-->
</div>
</main>
</body>