Streaming live at 10am (PST)

Possible to Control Flexbox Browser Support?

Is it possible to adjust which browsers the exported code from designer will support or turn off vendor prefixes altogether? Here’s an example of the issue I’m experiencing: Below I’ve used flexbox to center a div in designer and the exported code is unnecessarily bloated for my browser support needs (what should be 3 lines of css has become 12).

What I want

.container {
     display: flex;
     justify-content: center;
     align-items: center;
}

What I’m getting

.container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}

Please use the wishlist for this. https://wishlist.webflow.com/ideas

I’m confused…
My questions has not been answered. Are you saying that support for this level of browsers support customization does not exist in Webflow?

That is correct…

This topic was automatically closed after 60 days. New replies are no longer allowed.