"Breakpoints" object only works when written in order from smaller to larger breakpoints

Example:

If I'm on a large screen and I write:
```html
<Grid.Unit width={{ sm:0, md:1/2, lg: 1/3}} />
```
This does work for me, however if I write the object in any other order, for instance:
```html
<Grid.Unit width={{lg: 1/3, md:1/2, sm:0}} />
```
I **always** get a 50% width, on a large screen size.

EDIT: I get 50%, not 0%