Streaming live at 10am (PST)

Responsive Width for Flexbox CMS Grid

Hi guys,
somehow I only got the grid working with fixed Pixel values.
How could I achieve that the cms elements automatically expand in their flex child elements within the flex parent?

It’s on the page For Staff/research maps

Hi @creatspot

Maybe try to select your “research-area-field” div and display it : flexbox, then “wrap Children”.

Then select your Collection Item and expand it :


Also (still on your Collection item), set a min-width of 50px.

I hope this is what you are looking for.

All my best,

Hi @Blaise_Posmyouck,
thanks for the answer. Any possibility to do it without warpping the children. If I wrap the children the Matrix won’t work anymore unfortunately.

Kind regards,

Thanks guys, @Maurice helped me to resolve the problem! I expanded the cms list wrapper and set the width to 100 % and height of the collection items to 50px.

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.