.popular-articles {
  padding-bottom: 2.5rem;
}

.popular-articles__posts {
  display: grid;
  gap: 2.5rem;
}

@media (min-width: 48rem) {
  .popular-articles__posts {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}
@media (min-width: 60rem) {
  .popular-articles__posts {
    grid-template-columns: repeat(3, 1fr);
  }
}
.popular-articles__thumb {
  width: 100%;
  padding-bottom: 71.5%;
  position: relative;
  margin-bottom: 0.875rem;
}

.popular-articles__thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popular-articles__post-title {
  line-height: 2rem;
  margin-bottom: 0.875rem;
}