body.blog-listing.blog-layout-grid .zp-blog__grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } @media (min-width: 680px) { body.blog-listing.blog-layout-grid .zp-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1040px) { body.blog-listing.blog-layout-grid .zp-blog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }