The tablet breakpoint affects anything 991 and below. However, it seems that if you drag the handle to increase the design viewport to anything above 768, the design changes to what’s on the desktop view.
The tablet breakpoint also seems to be inheriting mobile styles for the 768 breakpoint. Anything I apply to the mobile landscape breakpoint is applied to the tablet breakpoint. I can’t override anything in the tablet breakpoint.
The div on the tablet breakpoint should be a purplish color. You can see it on the properties panel. However, it’s green b/c I applied a green color to it on the mobile landscape breakpoint.
Hi Dave - thanks for your help. It looks like when I go to developer tools to take a Browser Error Console screenshot, the problem doesn’t exist. Yet, the problem exists when I am in regular Webflow (w/o developer tools/browser error console enabled).
I also tried what you suggested - private mode, extensions turned off, cache cleared, etc. But nothing seemed to address this weird issue.
I have attached screenshots of both. Thanks for your help! For now, I will use Safari.
Hi @Karen thanks, the viewport resizing only works with the built in resizing widget, the developer tools rewrite html on the page, so I probably would not work in chrome with dev tools with the responsive chrome tool enabled.
I will check this further with the team, but it does seem that using developer tools at same time in the designer is affecting to that from your screenshot, I am helping to check further.