.blog-articles__article {
  display: flex;
  flex-wrap:wrap;
}
.main-blog{
  margin-top:var(--section-margin-bottom-desktop);
}
@media (max-width: 1024px) {
  .blog-articles__article {
    gap: var(--product-card-gap-mobile);
  }
}
@media (min-width: 1024px) {
  .blog-articles__article {
    gap: var(--product-card-gap-desktop);
  }
}