Post Grid columns not equal size

Hello,

In the post grid block after update, it looks like columns do not stay equal size unless there is an item in every column. For example, if it’s set to 4 columns but there is only 1 post, then that post overflows its proper column size.

I think it’s because of this CSS in custom-style-blocks.css:

.is-grid.uagb-post__columns-4 {
    grid-template-columns: auto auto auto auto;
}

To have 4 equal columns even if some are empty, it should be something like this instead:

.is-grid.uagb-post__columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

Thanks!

• This topic was modified 2 years, 2 months ago by tristanmason.