feat(home): Adiciona galeria de fotos

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 318 KiB

View File

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

View File

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