Switch to the range syntax

[Ayc0]

instead of using @media (min-width: …) and @media (max-width: …), we should use @media (… <= width < …): At the moment, the breakpoints are from 0 to 575 for xs, then from 576 to 767 for sm etc. This means that all sub-pixels between 575px and 576px aren't tracked.

But we need this syntax to be more used (at least 95%):

https://caniuse.com/css-media-range-syntax

[Ayc0]

Another thing we can try is check if the syntax is supported. If yes we can use it, if no, we can do -0.1px on the upper bound.

We can also put that behind a flag, like useExperimentalRangeSyntax in the provider