Flexbox divs for different collections in same row: equal heights?

Hi,

I have three different collections in a single row, and I’m wondering if I can use Flexbox to set them to all fill the height of the row by 100%, equalling them out.

Here’s my share link: Webflow - JMAK

Please add screenshot with the result you want or the bug. Its hard to understand the problem.

You talk about this problem/issue:
image
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

Thank you–it’s not the word break, it’s dynamic text that’s creating boxes of different lengths:

There may be no way to do this with 3 collections–1 per column–but I thought I’d ask.

Thank you!