Screen measurements changing from designer to preview mode


My name is Lottie and I’m new to the forum. :slight_smile:
I’m pretty much brand new to Webflow and still learning…so apologies if I’m asking a silly question.
I am designing a website and on the breakpoints tab on top the measurements are 1324px X 100%. When I switch to preview mode it changes to 1771 px X 100% and of course it affects the position of the elements (texts, icons etc) designed in the designer mode. Is there a standard measurement I should put in?

Thank you so much for your help

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey Lottie, there’s a feature in Webflow with the same name “Lottie Animation” :smiley:

What you’re using to change the screen size is not part of the supported Webflow breakpoints. Use the clickable breakpoints to design content for different device sizes:

Screen Shot 2020-05-06 at 1.27.21 PM

There’s mobile (both landscape and vertical view), Tablet, Desktop, and then the three dots to the left of Desktop will allow you to add even larger break points if needed.

Hi Jack!

Thank you so much for your reply. :slight_smile: