Rebass Grid

Responsive React grid system
built with styled-components

npm i @rebass/grid


<Box p={3} width={[ 1, 2/3, 1/2 ]}>
  <Heading
    as='h1'
    my={4}
    fontSize={[ 6, 7 ]}>
    Rebass Grid
  </Heading>
  <Bar />
  <Text
    my={4}
    fontSize={4}
    fontWeight='bold'>
    Responsive React grid system <br /> built with styled-components
  </Text>
  <Flex alignItems='center'>
    <Button
      href='https://github.com/rebassjs/grid'
      children='GitHub'
    />
    <Box mx={2} />
    <pre>npm i @rebass/grid</pre>
  </Flex>
</Box>