Two different sized screens used to design

Design help Layout & Design
1

Hi, I started a Webflow design on a 28 inch monitor and then tried to continue in another location on a 15 inch laptop. Then I saw the design on the laptop was totally off.

  1. What is the actual screen width of the “desktop” breakpoint?
  2. Is it a no no that one should switch to a different monitor size while designing a site in WF?
    Here’s the link
    Webflow - BH Productions

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

2

Hi Ben,

Your design isn’t controlled by the size of the monitor or browser window when you’re designing, it’s controlled by your breakpoint settings.

You’ve a number of design issue, mostly related to container width and max-width settings. For example;

  • The Body element has a max-width of 1440px. On a larger screen, you’ll just get a white stripe down the right side.
  • The nav-container has a width of 1152px. On a smaller breakpoint, like tablet, that’s too wide, and your nav will overflow the edges of the screen.

Basically browsers will try to do what you tell them to.

3

Thanks…it is an experimental site and my feeling around the Webflow ecosystem. I will address these and come again. Appreciated.