Ok, what I’m seeing here is that users are not stopping to understand that Webflow is JUST exporting @media (max-width: 991px). There is no landscape or portrait orientation distinction. In Webflow you see a “tablet portrait icon” in the interface, but in reality, all you’re getting in the exported code is just max-width: 991px. Yes, the other exported 767px breakpoint (767 width or less) is very useful, but 768 to 991 for tablets? No, 991 is not useful at all. The Webflow interface is confusing because you’re seeing a tablet portrait icon, but that’s not what you’re getting in the exported code. You aren’t getting an orientation in the code at all, just a 991px max-width. That’s all, just a width. So when I turn my 768 x 1024 tablet from 768 portrait mode to 1024 landscape mode the Webflow max-width: 991px breakpoint doesn’t fire or do anything, because it’s looking for a 991 width or less and is not looking for a 1024 width or less. So do you see now, why a max-width: 991px is not useful? At 1024 all of the CSS inside your 991 block does not fire and is useless… unless you manually change the exported breakpoint to 1024. Not sure how many more ways I can explain this.
I’m saying Webflow’s max-width: 991px breakpoint hard code (that means if the device width is 991px or less) just creates more work and doesn’t make sense. Why is Webflow’s tablet portion set between 768-991 and not 768-1024? Where are the majority device stats to back-up a 991px width? I don’t see them on the Web. It would be a whole heck-of-a-lot more useful if it was already set at 1024 or if I could go into the Webflow Settings area an override it from 991 to 1024. I’m not alone in this. I can see now, after more searching, other web developers are complaining about the 991 in Webflow as well. Again the whole point, at 1024 all of the CSS inside your 991 block does not fire and is useless… unless you manually change the exported breakpoint to 1024.