.articles-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;

  @media (width < 960px) {
    grid-template-columns: 1fr 1fr;
  }
  @media (width < 640px) {
    grid-template-columns: 1fr;
  }
}

.article-card {
  display: flex;
  flex-direction: column;
  row-gap: 15px;

  p {
    margin-bottom: 0;
  }
  .article-card__img-wrap {
    width: 100%;
    aspect-ratio: 360 / 221;
    margin-bottom: 15px;

    @media (width < 640px) {
      aspect-ratio: 12 / 7;
    }
  }
  .article-card__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}