Streaming live at 10am (PST)

Responsive Width for Flexbox CMS Grid


#1

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


#2

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 :

20

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


#3

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


#4

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.


#5

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