.blog-articles {
  padding-top: 0;
  display: grid;
  grid-gap: 3rem;
}

.blog-articles .card-wrapper {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .blog-articles {
    padding-top: 4rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 749px) {
  .main-blog {
    padding: 0 3rem;
  }
}