페이지: 블로그 카드 그리드 반응형 배치 보정

Author: hadevyi

src/styles/global.css

@@ -3645,12 +3645,37 @@ body {
   letter-spacing: -0.02em;
 }
 
-.category-intro-grid,
-.review-invite-links,
+.category-intro-grid {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 18px;
+}
+
+.review-invite-links {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 18px;
+}
+
 .archive-policy-list {
+  grid-template-columns: 1fr;
   gap: 18px;
 }
 
+@media (max-width: 900px) {
+  .category-intro-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 640px) {
+  .category-intro-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .review-invite-links {
+    grid-template-columns: 1fr;
+  }
+}
+
 .category-intro-card,
 .review-invite-link,
 .archive-summary-card {