Responsive Width for Flexbox CMS Grid

[creatspot (Raphael Buchberger)]

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?

https://preview.webflow.com/preview/eciu?preview=6118c573d1fe0933e30cd60863d1a9bf

It’s on the page For Staff/research maps

[Blaise_Posmyouck]

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,
Blaise

[creatspot (Raphael Buchberger)]

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,
Raphael

[creatspot (Raphael Buchberger)]

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.