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

11
assets/styles/main.css
View File

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