Streaming live at 10am (PST)

Clariying Breakpoint Capability


#1

When I’m tabbing through the various breakpoints in the designer, I know that any changes that I make to the CSS will take effect for that breakpoint and downline to smaller display sizes. I also know that webflow gives us the ability to drag each breakpoint size wider in order to see the effect of the change at various incremental sizes.

My question is: If I drag the breakpoint wider and then make a CSS change, will Webflow record that as a new breakpoint?

This would actually be really helpful because there’s such a vast range of display sizes. For example, tablet resolution, various sizes of iPhone and android. And also there’s tablet horizontal vs. vertical orientation. Please help me to understand best practices here. I find that oftentimes when I get things looking nice at each breakpoint in designer, that they end up looking worse on actual devices.

If the feature does not exist as I’ve framed it here, are there any workarounds or design suggestions?

Any help would be appreciated.

Thanks!

Here is my public share link: LINK
(how to access public share link)


#2

Hello @jlenker

If you’re using the drag option to see how the design looks and you make changes Webflow will not add a custom breakpoint. There is a wishlist idea about custom breakpoints > https://wishlist.webflow.com/ideas/WEBFLOW-I-192

You can add CSS code in the for some breakpoints, but you can’t create custom ones.

Hope this helps

Piter :webflow_heart:


#3

Thanks for the clarification!!!