.title {
  margin-bottom: var(--gap-pad);
}

.article-thumb {
  width: calc(25% - (var(--margin) * 2));
  margin: var(--margin);
}

@media screen and (max-width: 1200px) {
  .article-thumb {
    width: calc(33.33% - (var(--margin) * 2));
  }
}

@media screen and (max-width: 800px) {
  .article-thumb {
    width: calc(50% - (var(--margin) * 2));
  }
}