Responsive flexbox layout component. Extends: Box.
<Flex>
<Box
p={3}
width={1/2}
color='magenta'
bg='black'>
Flex
</Box>
<Box
p={3}
width={1/2}
color='white'
bg='magenta'>
Box
</Box>
</Flex>
In addition to the base Box props.
flexWrapflexDirectionalignItemsjustifyContent