Trying to create a blog archive page with grid 3 column and dynamic data is loading vertically below the first column instead of within the grid. See screenshot. Tried on a different browser (firefox) and same issue. Created another template and same issue.
Hi,
Thanks so much for your report, and welcome to the forum!
As far as I can see from the first screenshot and as timchen already pointed out, you’re applying the grid to the block itself, which results in having a three-column block.
Please reset all the grid settings on the block and add the grid to the container instead.
Please see my reply to timchen above which has a screenshot showing I have applied grid to the container and removed all settings on the block. I have now ensured “auto” is set for grid column in block and still have same issue. Please see screenshots showing container selected and block selected.
Unfortunately, your screenshots are cut off on the left and right, making it a little more challenging to see what you have set. However, you are looping the container, not the block. Accordingly, a new container is inserted for each post, which, of course, does not lead to the desired result.
Deactivate the query loop on the container and add it to the block instead.