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

17
style.css
View File

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