First, let me say how much I LOVE GenerateBlocks! I’m almost done building a page (I’ll put it in Website URL portion of this post). I look forward to re-writing our entire website with this tool when it’s out of beta.
Now, onto the bug (I think it’s a bug)
I created a container, and within the container added a 3-across grid. In each cell of the grid is another container. Let’s call each container of the grid cell 1, cell 2, and cell 3. In each cell container is a paragraph block. All good. It looks great on desktop so far. Each cell has a margin of whitespace separating each cell.
However, I ran into a problem on Mobile. The 3-across grid stacks vertically as it should on mobile, but in between each container there is no space. The colored grids are on top of each other, colors running together with no separation. So I went into the block editor for grid->spacing-> selected mobile and added a 1 em margin on the bottom of each of the three containers in the grid. When viewing on mobile, ONLY THE FIRST CELL (CONTAINER) HAS A BORDER. So cell 1 is by itself as it should be with whitespace all around, but cells 2 and 3 have no margin, no whitespace. The behavior can be seen both on my desktop with a reduced browser and from my mobile device.
I’ve posted the URL with the page on this ticket.