NO BUG: Grid columns not working

Browser: Chrome 110
OS: macOS
URL: https://staging.ecoshack.com/template/archive-template/?bricks=run

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.

I saw you suggested deactivating plugins as a potential solution to another bug. Deactivated everything and made no difference.

set container to the grid,
no block

Didn’t make any difference. See screenshot.

check block set
image
just keep auto

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.

Best regards,
timmse

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.

Duh - thank you for your help!