I am having trouble with checking my websites to see if they show properly on different breakpoints. I use iMac, MacBook Pro, iPad Air 2 and iPhone x. On preview mode the tablet breakpoint and iPad break point don’t show what I see on my iPad. There is an issue which I see on my iPad but I can not recreate that on the editor or the preview mode. Seen on the screenshot the editor shows a header that is actually hidden which is reflected on the iPad screenshot. Basically both the editor and the preview mode are misleading.
Similarly the default iPhone X break point is very different than what I see on my actual device. I have to use the handles to find the viewpoint for iPhone X.
In addition to this, while working with 100vh for sections my editor shows the section super tall. I can not tell how the 100vh will look on any device.
Anybody experiencing similar issues? Would love to hear your suggestions and thoughts.
Thank you.
Breakpoints in Editor-X are buggy since days now.
Is there a general problem? I am still having hard time with the break points. Sometimes the custom breakpoints disappear as well. Copying from a break point is hit or miss. Really messy. Other than desktop breakpoints I can not tell what I am designing for in reality based on looking at the editor. I tried the new Safari after having these problems in regular Chrome and the incognito mode.