Responsive

<Show above="md">desktop only</Show>
<Show below="md">mobile only</Show>

<Grid cols={2}>
  <div>column 1</div>
  <div>column 2</div>
</Grid>

<Grid cols={3} gap="lg">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</Grid>

<Flex direction="row" align="center" justify="between">
  <div>left</div>
  <div>right</div>
</Flex>