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

Atualizações

Browse Source
This commit is contained in:
Maria Carolina Oliveira da Silva 2022-10-13 17:55:41 -03:00
parent 03c61b39d3
commit bfb0cfc29a
2 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/style.css
View File

@ -185,6 +185,10 @@ footer {
transform: scale(-3,1);
zoom: normal;
}
.header-computer{
position: relative;
object-fit: cover;
}
}
@media only screen and (max-width:700px){
.text-p{
@ -195,9 +199,24 @@ footer {
}
@media only screen and (max-width:1024px){
.container-notebooks{
display: flex;
align-items: center;
justify-content: center;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 23px;
}
.notebook{
display: grid;
grid-column: 1 / 3;
place-items: center;
width: 100%;
}
.image3{
display: grid;
place-items: center;
margin-top: 1px;
align-items: center;
justify-content: center;
margin-left: 60%;
}
}

4
index.html
View File

@ -78,8 +78,8 @@
<figure class="container-notebooks imag2">
<img class="notebook"src="./assets/img/Rectangle 16.png" alt="notebook">
</figure>
<figure class="container-notebooks image3">
<img class="notebook" src="./assets/img/Rectangle 17.png" alt="notebook">
<figure class="container-notebooks ">
<img class="notebook image3" src="./assets/img/Rectangle 17.png" alt="notebook">
</figure>
</div>