.blog-articles { display: grid; grid-gap: 60px 30px; }

@media screen and (min-width: 1200px) {
  .blog-articles { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width:1199px) {
  .blog-articles { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:767px) {
  .blog-articles { grid-template-columns: repeat(1, 1fr); }
}