YahToth/challenge-landing-page-gabriel-gomes-fernandes
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Adiciona responsividade 4k para bottom-cards

Browse Source
This commit is contained in:
Gabriel Gomes Fernandes 2022-10-13 20:24:00 -03:00
parent 443383e414
commit a9cd8cf491
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/CSS/main.css
View File

@ -216,6 +216,22 @@ body {
}
@media screen and (min-width:2375px) {
.bottom-cards {
grid-template-columns: repeat(4,max-content);
}
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
.top-cards {
grid-template-columns: repeat(2, max-content);
}
.bottom-cards {
grid-template-columns: repeat(2,max-content);
}
}
@media screen and (max-width:1024px) {
.middle-banner-container {
display: grid;
@ -251,16 +267,6 @@ body {
}
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
.top-cards {
grid-template-columns: repeat(2, max-content);
}
.bottom-cards {
grid-template-columns: repeat(2,max-content);
}
}
@media screen and (max-width:768px) {
.top-infocard {
@ -295,7 +301,7 @@ body {
}
.middle-banner {
padding: 32px 43px 32px 24x;
padding: 32px 43px 32px 24px;
align-items: center;
}