Archived topic
How do I make my div the same height and align the buttons inside horizontally?
4 replies · Started by Dawei on December 7, 2022
Dear support team,
I am using GP and GB pro. On this page Link to my webstie, at the "photography packages" sections, how can I give them the same height and align the buttons horizontally despite the different content inside the container?
Thanks,
David
Hi there,
select the Grid Block, and set its Vertical alignment to Default, this will make all the columns the same height.
It may require some CSS for the button alignment. Let me know
Thanks, David. It worked.
I just found the CSS below and seems like it's also working now.
`.alignbutton .gb-inside-container {
display: flex;
flex-direction: column;
height: 100%;
}
.alignbutton .gb-inside-container > *:last-child {
margin-top: auto;
}
Glad to hear that !
Thanks again. Great support as always.
