/* =========================
   Posts Grid Layout
   ========================= */

.posts-list h2 {
  margin-bottom: var(--space-24);
}

.posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-28);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 64rem) {
  .posts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 40rem) {
  .posts-grid {
    grid-template-columns: 1fr;
  }
}