Layouts

    <Arrange
      columns="repeat(auto-fit, minmax(240px, 1fr))"
      gap="l"
    >
      <DemoBox />
      <DemoBox />
      <DemoBox />
    </Arrange>
  

    <Arrange
      justifyContent="space-between"
      gap="l"
    >
      <DemoBox />
      <DemoBox />
    </Arrange>
  

    <Stack
      columns="repeat(auto-fit, minmax(240px, 1fr))"
      gap="s"
    >
      <DemoBox />
      <DemoBox />
      <DemoBox />
    </Stack>
  

    <Flex gap="m">
      <Box flex="1 256px" borderSide="all" padding="m" borderColor="fade5">A</Box>
      <Box flex="10000 480px" borderSide="all" padding="m" borderColor="fade5">B</Box>
    </Flex>