grid items all the same height

  • John

    (@dv1961)


    7 years ago

    I’m using customizr theme with my front page set to display my latest posts. The posts display as a grid with 3 items in each row. The rows line up perfectly but the posts within each row are different heights, depending on the length of the posts title etc. Is there a way of making them all the same height? I’ve tried a few flexbox css rules but I can’t get them to work.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Denzel Chia

    (@denzel_chia)

    Hi,

    Find the container of each grid item and give it a css min-height with a css !important declaration for the min-height value.

    As long as your min-height value is set to accommodate the grid item with the most content, all your grid items with have the same height.

    Thank you

    PaulBUK

    (@paulbuk)

    There was a snippet of code I had that placed in child theme and it held all the grid boxes to same height. I cannot find it now as my server crashed and I had to start website from scratch. But its out there somewhere ??

    Thread Starter John

    (@dv1961)

    It’s that snippet I need! The min-height would not look good, some of my posts are in 3 categories and might have a long title so that would produce a post bigger that the min-height. Or I’d have to set the min-height to a value that made most rows in the grid look silly. I’ll carry on looking

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘grid items all the same height’ is closed to new replies.