ViniciusGabrieldoAmaral/practice-time-landing-page
0
0
Fork 0
forked from M3-Academy/practice-time-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(img): Adicionado img segundo notebook desktop e mobile

Browse Source
This commit is contained in:
Vinicius Gabriel do Amaral Pereira 2022-10-10 15:04:24 -03:00
parent 3e8dbbf221
commit 060db63d94
4 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/img-pc-descktop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 947 KiB

0
assets/images/imgSecondariaPc.png → assets/images/img-pc-mobile.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 141 KiB

17
assets/styles/style.css
View File

@ -80,11 +80,19 @@ html, body{
line-height: 24px;
text-align: center;
}
/*----------------------------------------------------------------*/
.img-pc{
width: 100%;
}
@media screen and (max-width: 1024px) {
.main-banner-desktop{
display: none;
}
.img-pc-descktop{
display: none;
}
.top-infocard{
flex-direction: column;
margin-top: 54px;
@ -117,13 +125,9 @@ html, body{
.section-background{
display: flex;
flex-direction: column;
padding: 36px 0;
padding: 36px 32px;
align-items: center;
}
}
@ -131,6 +135,9 @@ html, body{
.main-banner-mobile{
display: none;
}
.img-pc-mobile{
display: none;
}
}

6
index.html
View File

@ -64,6 +64,12 @@
</div>
<div>
<img class="img-pc img-pc-descktop" src="./assets/images/img-pc-descktop.png" alt="Imagem notebook tela colorida">
<img class="img-pc img-pc-mobile" src="./assets/images/img-pc-mobile.png" alt="Imagem notebook tela colorida">
</div>
</body>
</html>