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

integrations #1

Merged
naianfelix merged 13 commits from integrations into main 2022-10-12 22:25:23 +00:00
Conversation 0 Commits 13 Files Changed 22 +4 -7
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c3093c6c55 - Show all commits

11
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;
} }
@ -183,9 +183,8 @@ body {
max-width: 1360px; max-width: 1360px;
width: 100%; 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 { .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) {
@ -307,5 +304,5 @@ body {
@media screen and (max-width: 290px) { @media screen and (max-width: 290px) {
.top-infocard-title { .top-infocard-title {
font-size: 26px; font-size: 26px;
} }
} }