Aligned blocks same height

  • Resolved Rosa Parker

    (@rosa-bosma)


    8 years, 2 months ago

    Hi,

    I need to give all aligned blocks (i.e. a few displayed next to each other) the same height; this would be the height of the tallest block. Now I could do this with flex in CSS, as an example, but then I also need to add a parent div for all aligned blocks.

    What is the best way to give aligned blocks the same height?

    Thanks a lot!

    Rosa

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi Rosa,

    I am not entirely sure what you are looking to achieve, but my first bet would be to give each of the blocks a custom class, on the Style tab. Then use that class to assign a specific height to all of the blocks with that class at once.

    Let me know if that works for you.

    Nick

    Thread Starter Rosa Parker

    (@rosa-bosma)

    Hi Nick,

    Thanks for your reply!

    I actually managed to solve it by creating a parent div around the blocks, for which I used the Genesis Simple Hooks Plugin, and then applying the CSS for flexbox. Your solution would work too as a static solution (i.e. with static content).

    Rosa

    Plugin Author Nick Diego

    (@ndiego)

    Great, I am glad you got it working!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Aligned blocks same height’ is closed to new replies.