Flex

    <Flex wrap="wrap">
      <Box flex="1 200px" borderSide="all" borderColor="shade10" padding="l">A</Box>
      <Box flex="10000 600px" borderSide="all" borderColor="shade10" padding="l">B</Box>
    </Flex>

    <Flex>
      {['A', 'B', 'C', 'D', 'E'].map((letter, index) => (
        <Box
          key={index}
          flex="1 1 280px"
          borderSide="all"
          borderColor="shade10"
          padding="l"
        >
          {letter}
        </Box>
      ))}
    </Flex>

  
    <Flex wrap="wrap" gap="xs">
      {numerals.map((numeral, index) => (
        <Box
          key={index}
          paddingX="s"
          paddingY="xs"
          radius="xs"
          borderSide="all"
          borderColor="shade10"
        >
          {numeral}
        </Box>
      ))}
    </Flex>