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

feat(fotosnotebook):criado html e css para mobile

Browse Source
This commit is contained in:
Tiago Trevisani 2022-10-13 17:50:31 -04:00
parent ff2cc3df03
commit 16dcdbec6e
3 changed files with 35 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

6
index.html
View File

@ -60,9 +60,9 @@
<div class="computador-conteiner">
<div class="computador-cinza">
<div class="computador-color">
<img src="./assets/imagens/comp01.png" alt="notebook01">
<img src="./assets/imagens/comp02.png" alt="notebook02">
<img src="./assets/imagens/comp03.png" alt="notebook03">
<img class="not01" src="./assets/imagens/comp01.png" alt="notebook01">
<img class="not02" src="./assets/imagens/comp02.png" alt="notebook02">
<img class="not03" src="./assets/imagens/comp03.png" alt="notebook03">
</div>
</div>
</div>

33
styles/main.css
View File

@ -114,7 +114,7 @@
gap: 39px;
}
.computador-color img {
.not01, .not02, .not03 {
width: 29%;
}
@ -196,4 +196,35 @@
max-width: 104px;
}
.computador-color {
width: 89%;
display: grid;
position: relative;
top: 32px;
grid-template-areas:
"not02 not01"
"not03 not03"
;
gap: 23px 14px;
margin: 0 auto;
}
.not01 {
grid-area: not01;
width: 100%;
margin: 0 auto;
}
.not02 {
grid-area: not02;
width: 100%;
margin: 0 auto;
}
.not03 {
grid-area: not03;
width: 100%;
margin: 0 auto;
}
}