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

fix: corrige responsividade bottom card

Browse Source
This commit is contained in:
Naian Felix dos Santos 2022-10-11 18:43:27 -03:00
parent e2c4d7ed48
commit c3093c6c55
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/styles/main.css
View File

@ -69,7 +69,7 @@ body {
.top-cards { .top-cards {
display: grid; display: grid;
grid-template-columns: repeat(3, max-content); grid-template-columns: repeat(3, 350px);
justify-content: center; justify-content: center;
gap: 22px; gap: 22px;
} }
@ -184,8 +184,7 @@ body {
width: 100%; width: 100%;
} }
@media screen and (min-width: 769px) and (max-width: 1270px) {
@media screen and (min-width: 769px) and (max-width: 1200px) {
.top-cards,.bottom-cards { .top-cards,.bottom-cards {
grid-template-columns: repeat(2, max-content); grid-template-columns: repeat(2, max-content);
} }
@ -217,7 +216,7 @@ body {
} }
.middle-banner { .middle-banner {
padding: 0 23px; padding: 0;
} }
.middle-banner-image-wrapper { .middle-banner-image-wrapper {
display: grid; display: grid;
@ -289,8 +288,6 @@ body {
margin-bottom: 50px; margin-bottom: 50px;
} }
} }
@media screen and (max-width: 414px) { @media screen and (max-width: 414px) {