Support » Plugin: Atomic Blocks - Gutenberg Blocks Collection » Post and Page Grid Equal Heights

  • Using Posts and Page Grid nested in Advanced Columns. I’m still unable to achieve equal height columns of the Posts and Pages in the grid, which vary depending in Title length, etc.

    I have experimented with flexbox:

    .wp-block-atomic-blocks-ab-columns {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         height: 100%;
    }

    I have also experimented with:

    .ab-layout-columns-3>.ab-layout-column-wrap {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "col1 col2 col3";
        align-content: center; /* I've added this to achieve vertical parity */
    }

    No success.

    @atomicblocks : Would be great to incorporate to relevant flex and/or grid argument(s) out of the box so that grid of posts are equal height irrespective of Title lengths.

    In the meantime, does anyone know of a specific solution?

    Thanks!

  • The topic ‘Post and Page Grid Equal Heights’ is closed to new replies.