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

mobile e 4k pronto

Browse Source
This commit is contained in:
Rodrigo 2022-10-11 15:48:40 -03:00
parent e3aeb4c152
commit 62b952b90d
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
imagens/Rectangle 9 (2).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 341 KiB

1
index.html
View File

@ -16,6 +16,7 @@
</header>
<main>
<figure>
<img class="imagemCorpoMobile" src="imagens/Rectangle 9 (2).png" alt="imagem de computador">
<img class="imagemCorpoPt1" src="imagens/Rectangle 9.png" alt="imagem de computador">
<figcaption class="corpoPt1">
<h2>Lorem Ipsum</h2>

17
style.css
View File

@ -22,6 +22,9 @@ main figure{
padding-top: 1.4%;
padding-bottom: 1.4%;
}
.imagemCorpoMobile{
display: none;
}
.imagemCorpoPt1{
width: 100%;
height: 100%;
@ -224,6 +227,20 @@ footer{
background: #E0E0E0;
}
@media(max-width:1024px){
.imagemCorpoMobile{
display: flex;
width: 100%;
}
.imagemCorpoPt1{
display: none;
}
.cabecalho {
height: 101px;
}
.imagemCabecalho{
margin-top: 18px;
width: 52%;
}
.corpoPt1 h2{
font-size: 20px;
}