.section-latest-articles {
  margin: 3.5rem 0;
}
.section-latest-articles .section-heading {
  text-align: center;
  margin-bottom: 2.5rem;
}
.section-latest-articles .articles-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .section-latest-articles .articles-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }
}