Streaming live at 10am (PST)

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:


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!