.featured-article-grid > h2 {
  color: #101820;
  font-family: "all-round-gothic" sans-serif;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.02rem;
}

.featured-article-grid > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.featured-article-grid.row > div {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

@media (max-width: 768px) {
  .featured-article-grid > div {
    grid-template-columns: repeat(1, 1fr);
  }
}