Flex resizing works in webflow, but not on exported site

Design help General
1

Hi, so I’m designing a webapp within webflow, and I’m really struggling to get my elements to stay within the width of my flexbox when exporting the code out to my browser
flex1

Above is how I want the resizing to behave, keeping all the buttons within the flex container

flex2

And here is how its actually behaving

You can check the uploaded app here - HotTub Hub | Configurator

Here is my site Read-Only: LINK

2

image

So I’ve discovered in my inspector that the code is saying the width of my flex container is 400px, when I change it to 400% (which is what its set at in Webflow) - it works as intended, there seems to be some strange value cache that is changing it to 400px instead of % when I export? any ideas?

3

Nevermind, found the solution myself, I had to specific a 400% minimum, and maximum width as to override it converting my width to pixels.

1 Like