.related-articles {
  padding-bottom: 60px;
}
.related-articles__list {
  display: grid;
  column-gap: 35px;
  row-gap: 50px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.related-articles__item {
  display: grid;
  align-items: stretch;
}
.related-articles__title {
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

@media screen and (max-width: 959px) {
  .related-articles__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 581px) {
  .related-articles__list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}