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

Respnsividade em falta nos displays abaixo de 458px

Browse Source
This commit is contained in:
Joseildo Lima da Silva 2022-10-09 09:27:59 -03:00
parent 2853ca8119
commit be74f5cf89
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
style.css
View File

@ -86,7 +86,7 @@ body {
.second_container { .second_container {
padding: 3rem; padding: 3rem;
height: 420px; height: 400px;
background-color: #E0E0E0; background-color: #E0E0E0;
display: flex; display: flex;
gap: 24px; gap: 24px;
@ -95,7 +95,8 @@ body {
} }
.preview_img { .preview_img {
width: 100%;
width: 410px;
} }
@ -120,6 +121,7 @@ body {
} }
/*----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*/
@media screen and (min-width:414px) { @media screen and (min-width:414px) {
.banner_mobile { .banner_mobile {
@ -149,6 +151,28 @@ body {
width: 350px; width: 350px;
margin: 0 32px 24px; margin: 0 32px 24px;
} }
.second_container {
display: block;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 80px;
}
.preview_img {
width: 178px;
text-align: center;
}
.preview_solo {
width: 360px;
display: flex;
margin: 0 auto;
flex-direction: column;
}
} }
/*----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*/