[Resolved] Same height

[Kevin]

Sorry I`am currently a bit lost 😉

How can I get these 4 blocks to the same height, so that not one button is higher than the other.

Thanks
https://prntscr.com/uticau

[David]

Hi there,

can you provide a link where i can see those blocks?

[Kevin]

Will open the Page soon. For the beginning: Its the Coach Template from the Site Libary / Homepage Part “My Experience & Focus”

I just add a grid more and buttons 😉

[David]

OK add this CSS:

.gb-same-height>.gb-grid-column>.gb-container>.gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gb-same-height>.gb-grid-column>.gb-container>.gb-inside-container>*:last-child {
    margin-top: auto;
}

Then select the Grid Container ( not the Grid Items ) and in the Advanced panel > Additional CSS add: gb-same-height

[Kevin]

Thank you David i will try it 😉

Btw. the staging site is online ^^

[David]

Looks like its working to me 🙂

[Kevin]

Thank you

[David]

You’re welcome

[Author]

Posts