styled-components-grid
styled-components-grid copied to clipboard
"Breakpoints" object only works when written in order from smaller to larger breakpoints
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%
Thanks for the report! Probably a bug in styled-components-breakpoint
. I'll look at it in the next few days.
few years...