.blog-grids-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--product-card-gap-desktop);
  row-gap: var(--product-card-vertical-gap-desktop);
}
@media (max-width: 1024px) {
  .blog-grids-content {
    row-gap: var(--product-card-vertical-gap-mobile);
    column-gap: var(--product-card-gap-mobile);
  }
}