Site logo

Archived topic

Make containers same height on three column post archive

3 replies · Started by Jens on November 6, 2021

Viewing posts 1–4 of 4

Dear team,

I have a three column post archive setup. I am trying to make all containers the same height.
I tried it with the following code from your support forum:

.generate-columns {
  display: flex;
}

.generate-columns > .gb-container > .gb-inside-container *:last-child {
  flex: 1;
}

That did the trick with the height, but the width became flexible so that I had different container width for the blog posts depending on title length.

What I want to achieve is: all posts in one row have the same height depending on the largest post container.

Thanks in advance!

Hi there,

try adding this CSS:

.generate-columns > .gb-container {
    height: 100%;
}

Thanks, that did the trick.

Glad to hear that!

This archived topic is closed to new replies.