Streaming live at 10am (PST)

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


#1

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


#2

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


#3

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!