ueberjames/challenge-landing-page-ueber-james
0
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajuste das fontes mobile

Browse Source
This commit is contained in:
Ueber James Santos 2022-10-08 20:45:10 -03:00
parent 003835c8a1
commit 0fcf3cf413
2 changed files with 32 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -42,9 +42,9 @@
dui.
</p>
</div>
<div class="imagem-infor-computadores">
<div >
<figure>
<img src="/src/img/imagem-infor-computadores.png" alt="" />
<img class="imagem-infor-computadores" src="/src/img/imagem-infor-computadores.png" alt="" />
</figure>
</div>

39
src/style/style.css
View File

@ -119,17 +119,15 @@ body {
.descktop-banner,
.mini-card-img {
display: none;
}
}
@media screen and (min-width: 1025px) {
.mobile-banner,
.min-card-img {
display: none;
}
.imagem-infor-computadores {
width: 100%;
max-width: 239px;
}
}
@media screen and (max-width: 1024px) {
.top-cards,
.texto-inforcard{
grid-template-columns: 1fr;
@ -144,11 +142,34 @@ body {
.card-wrpper
{
flex-direction: column;
flex-direction: column ;
align-items: center;
gap: 16px;
display: flex;
align-items: center;
}
.texto-inforcard h2 {
font-size: 20px;
}
.texto-inforcard h1 {
font-size: 28px;
}
}
@media screen and (min-width: 1025px) {
.mobile-banner,
.min-card-img {
display: none;
}
}