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

[CharlieIGG]

Example:

If I'm on a large screen and I write:

<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:

<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%

[jameslnewell]

Thanks for the report! Probably a bug in styled-components-breakpoint. I'll look at it in the next few days.

[giautm]

few years...