.article-blocks {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 830px;
}

.article-blocks__block {
  grid-column: span 4;
}

@media (min-width: 768px) {
  .article-blocks__block{
    grid-column: span var(--desktop-col-span);
  }
}