Wrap

<Wrap gap="md">
  <For each={Array.from({ length: 20 })}>
    {(_, index) => (
      <For key={index} each={["primary", "secondary", "warning", "danger"]}>
        {(bg, nestedIndex) => (
          <Box
            key={`${index}-${nestedIndex}`}
            p="md"
            rounded="md"
            bg={bg}
            color="white"
          >
            Box
          </Box>
        )}
      </For>
    )}
  </For>
</Wrap>