Sort blog posts with collections items horizontally instead of vertically not working!

Hi everyone!

I want to be able to sort my blog post by categories (NBA, MLB,NFL, Player Props, Etc.) and I have it set up right now where the category heading is above the multi-referenced blog posts that fall below each category. I want them to be in two columns horizontally so it fills out the page better like this…

When I try to move the collection list into a grid, it makes the layout all funky and I cannot move the content inside.

Some sections will have up to 5 or more posts in them so i want them to have two posts in each row (so for five posts it will be two rows and three columns with one blog post alone on the third row).

Please help!!

Thank you!
Summer


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Here’s my read only link https://preview.webflow.com/preview/cleatstreet-14d238d93153c3ed320bb3d4033?utm_medium=preview_link&utm_source=designer&utm_content=cleatstreet-14d238d93153c3ed320bb3d4033&preview=2c958336fb43a99b4a4b63fbbb100044&pageId=5f889f441673ad44d121bcf7&mode=preview