I’m having issues with my grid on a collection page template for my company’s blog. When in Designer mode, the grid looks perfectly fine. But when I publish my site, the content moves all over the place and doesn’t seem to be in the columns they are supposed to be in. I’m using a 3x2 grid and have most of the blog content in row 2 column 2, but when published most of the content scatters and moves to column 1 or column 3.
Any insight into this would be forever appreciated! I’ve tried cutting out the section entirely and pasting back in and removing a couple of new symbols I’ve added, but all with no luck.
Here’s what it looks like in the Designer:
Here’s what it looks like when published:
Here is my site Read-Only Link
Here is the live site: