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

Ajustando o display desktop emobile das infoClasses

Browse Source
This commit is contained in:
Joseildo Lima da Silva 2022-10-08 16:57:07 -03:00
parent 0f0570d6df
commit f9a7da670b
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -40,7 +40,7 @@
Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
</p>
<picture>
<img src="./assets/img/fxemoji_threenetworkedcomputers.svg" alt="">
<img class="info_image" src="./assets/img/fxemoji_threenetworkedcomputers.svg" alt="">
</picture>
</section>

17
style.css
View File

@ -55,6 +55,7 @@ body {
margin-bottom: 76px;
}
@media screen and (max-width: 413px) {
.primary_banner {
display: none;
@ -64,10 +65,26 @@ body {
width: 100%;
max-width: 414px;
}
.info_image,
.info_texts {
display: flex;
flex-direction: column;
align-items: center;
}
}
@media screen and (min-width:414px) {
.banner_mobile {
display: none;
}
.info_image,
.info_texts {
display: flex;
flex-direction: column;
align-items: center;
}
}