Larger screen inherit settings from smaller screen settings?

[123ndy]

In one of your examples you have this:

<Grid
  smallCellWidth="1"
  smallAlign="right"
  smallVerticalAlign="bottom"
  mediumCellWidth="1"
  mediumCellAlign="right"
  mediumCellVerticalAlign="bottom"
>
  <Cell>
    <p>Lorem</p>
  </Cell>
  <Cell>
    <p>ipsum</p>
  </Cell>
</Grid>

Would it not be better if all sizes above the size you use just inherited the closest setting below (like using min-width)? Then you don't need to write parameters for every screen size.

With the belove example, medium/large/xlarge would inherit the settings from the small:

<Grid
  smallCellWidth="1"
  smallAlign="right"
  smallVerticalAlign="bottom"
>
  <Cell>
    <p>Lorem</p>
  </Cell>
  <Cell>
    <p>ipsum</p>
  </Cell>
</Grid>

[tptee]

This is a fun one! Couple of things:

1. You don't necessarily have to write out each cell size for each screen–you can use the default cellWidth prop, then override for specific breakpoints.
2. The behavior you're describing is 100% something we want, but we're hung up on a tricky Radium bug that I'm still trying to solve. Once we have a solution, we'll change our default breakpoints to use cascading min-widths and cut a major release with some docs on the new behavior. Stay tuned!

[123ndy]

Great @tptee! I will stay tuned. Love the dedication 😃