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

feature/home #1

Merged
ManuelaLuanaSchumackerTavares merged 11 commits from feature/home into main 2022-10-12 18:36:18 +00:00
Conversation 0 Commits 11 Files Changed 20 +27 -3
2 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c4ba850bc0 - Show all commits

24
assets/styles/styles.css
View File

@ -160,6 +160,30 @@
width: 100%; width: 100%;
} }
.galeria-content{
grid-template-columns: repeat(2, 1fr);
column-gap: 14px;
row-gap: 24px;
padding: 0 23px;
}
.galeria-photo{
bottom: -32px;
}
.first{
grid-column: 2;
}
.second{
grid-column: 1;
grid-row: 1;
}
.big{
grid-column: 1 / -1;
}
} }
@media screen and (min-width: 2500px){ @media screen and (min-width: 2500px){

6
index.html
View File

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