Blog post block is stacking before tablet breakpoint

I have set the blog post block to 4 columns in 1 row. On the desktop this looks fine. It seems that the blog posts are automatically stacking into a 2×2 grid on the tablet. However, the problem is that the blog posts are actually stacking into a 2×2 grid even before the tablet stackable breakpoint so the blog posts look far too large. I want the blog posts to just stay as 4 columns until the tablet breakpoint instead of automatically changing to 2×2 grid even before the breakpoint. Why aren’t the sizes of the image/text just being adjusted and spacing adjusted to keep the layout for all screen sizes larger than the tablet breakpoint? The blog posts look far too big and zoomed in when they are stacked into a 2×2 grid when the screen is larger than 768px. I would like them to be in one column stacked on the mobile, 2×2 on the tablet, but 4 columns on all screens larger than that. Please could you let me know how I can stop the posts from turning into a 2×2 grid before the 768px tablet breakpoint.
Thanks!