Skip to content

Commit 9413396

Browse files
committed
fix: CardGrid responsiveness
1 parent c2fb2c2 commit 9413396

File tree

1 file changed

+10
-1
lines changed

1 file changed

+10
-1
lines changed

src/styles/sections/CardGrid.css

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
/* Default layout for all cards */
1111
.gh-card-grid.all {
1212

13-
grid-template-columns: repeat(2, 1fr);
13+
grid-template-columns: repeat(3, 1fr);
1414
}
1515

1616
/* Prominent layout for fewer cards */
@@ -19,6 +19,15 @@
1919
max-width: 800px;
2020
margin: auto;
2121
}
22+
@media (max-width: 1200px) {
23+
24+
.gh-card-grid.all,
25+
.gh-card-grid.gh-card-grid.featured {
26+
grid-template-columns: repeat(2, 1fr);
27+
}
28+
29+
}
30+
2231

2332
@media (max-width: 768px) {
2433

0 commit comments

Comments
 (0)