The `Grid` component is just a simple wrapper for `Flex` from [grid-styled](https://github.com/jxnblk/grid-styled).

Has a gutter

    const GridExample = require('./_GridExample').default;
    <Grid>
      <Grid.Cell w={1/2}>
        <GridExample>6 cols</GridExample>
      </Grid.Cell>
      <Grid.Cell w={1/2}>
        <GridExample>6 cols</GridExample>
      </Grid.Cell>
    </Grid>

Can set breakpoints

    const GridExample = require('./_GridExample').default;
    <Grid wrap>
      <Grid.Cell w={[1, 1/2, 1/3]}>
        <GridExample>Full width mobile, half width tablet, 1/3 bigger</GridExample>
      </Grid.Cell>
      <Grid.Cell w={[1, 1/2, 1/3]}>
        <GridExample>Full width mobile, half width tablet, 1/3 bigger</GridExample>
      </Grid.Cell>
      <Grid.Cell w={[1, 1, 1/3]}>
        <GridExample>Full width mobile, full width tablet, 1/3 bigger</GridExample>
      </Grid.Cell>
      <Grid.Cell w={[1/2]}>
        <GridExample>Half width everywhere</GridExample>
      </Grid.Cell>
      <Grid.Cell w={[1/2]}>
        <GridExample>Half width everywhere</GridExample>
      </Grid.Cell>
    </Grid>