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