Site logo

[Resolved] Make containers same height on three column post archive

Home Forums Support [Resolved] Make containers same height on three column post archive

Home Forums Support Make containers same height on three column post archive

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1994439
    Jens

    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!

    #1994703
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

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

    Thanks, that did the trick.

    #1994976
    David
    Staff
    Customer Support

    Glad to hear that!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.