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


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: https://preview.webflow.com/preview/jmak?utm_source=jmak&preview=e4013901d4166e213fbaa2834cf57c38

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

You talk about this problem/issue:

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!