I have developed a good method to override and extend my media query breakpoints past the defaults the platform offers.
My breakpoint goals put on me by client:
1200–1440px - default
Webflow breakpoint translation
1440px+ (not needed unless you want custom big layouts later) style:xl*
1324px-992px base will cascade up and down if not customized (use main to generate styles)
991-768px Tablet mode/ still desktop (all styles must be added to 960-1199px media query) style= medium*
767px-477px Mobile landscape/tablets (all styles must be added to a 600px-959px media query) style=small*
478px and down default (all styles must be added to a 599 media query) style = tiny*
Redundantly putting in your styles for each media query you want in a override, then stripping out the extension tag tiny, small etc. works.
That brings me to this function request:
I would love to just be able set these via the platform instead. Simply click a break point/device and have an option change the range it affects then lock that in. This would save a ton of extra work, as not everyone wants the Webflow defaults for their sites. I know many users would appreciate this functionality out of the box as well, as the less someone has to mess with overrides the better.