Screen measurements changing from designer to preview mode

Design help General
1

Hello!

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)

2

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.

3

Hi Jack!

Thank you so much for your reply. :slight_smile: