Cannot make the rows the same height as each other

[hyperdrive_boom]

Good afternoon,

I have a row of 3 columns with rows inside them. I wish them to look like this:

However when I do it it looks like this:

I wish to have it so the white boxes fill up the space based on the longest one.

Please you could help

Thank you!
Jason

[tristup]

Hi Jason,

Thanks for reaching out.
There is no such option to make the rows in the same height, you need to add the following custom CSS code into Element CSS of the parent Row where the 3 Columns** are added.

$el .x-col .x-row
{
    height:100%!important;
}

Hope it helps.
Thanks

[hyperdrive_boom]

Perfect - thank you @tristup!

[tristup]

Hi Jason,

Glad that we are able to help you.

Thanks