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

23
css/style.css
View File

@ -185,6 +185,10 @@ footer {
transform: scale(-3,1); transform: scale(-3,1);
zoom: normal; zoom: normal;
} }
.header-computer{
position: relative;
object-fit: cover;
}
} }
@media only screen and (max-width:700px){ @media only screen and (max-width:700px){
.text-p{ .text-p{
@ -195,9 +199,24 @@ footer {
} }
@media only screen and (max-width:1024px){ @media only screen and (max-width:1024px){
.container-notebooks{ .container-notebooks{
display: flex; 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; align-items: center;
justify-content: center; justify-content: center;
margin-left: 60%;
} }
} }

4
index.html
View File

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