Stack with wrap has misaligned childs

[Kashargul]

When using Stack in combination with wrap, the second and all following rows of childs will be misaligned from the first.

<Stack wrap="wrap" justify="center">
        <Stack.Item basis="31%">
          <Button fluid>Button1</Button>
        </Stack.Item>
        <Stack.Item basis="31%" grow={1}>
          <Button fluid>Button2</Button>
        </Stack.Item>
        <Stack.Item basis="31%">
          <Button fluid>Button3</Button>
        </Stack.Item>
        <Stack.Item basis="31%">
          <Button fluid>Button4</Button>
        </Stack.Item>
        <Stack.Item basis="31%" grow={1}>
          <Button fluid>Button5</Button>
        </Stack.Item>
        <Stack.Item basis="31%">
          <Button fluid>Button6</Button>
        </Stack.Item>
      </Stack>

Is this behaviour intentional? I didn't see it with Flex before.

[AyIong]

Yeah, that's normal Stack.Item behavior
With Stack it add's margin left on every item except first one, with Stack vertical it adds margin-top

It is not possible to use gap yet, as 516 is not yet finally released

[Kashargul]

Yeah, that's normal Stack.Item behavior With Stack it add's margin left on every item except first one, with Stack vertical it adds margin-top

It is not possible to use gap yet, as 516 is not yet finally released

Gap looks promising, maybe we should test it on a proper beta release though before everyone jumps to 516.

[AyIong]

Yeah, that's normal Stack.Item behavior With Stack it add's margin left on every item except first one, with Stack vertical it adds margin-top
It is not possible to use gap yet, as 516 is not yet finally released

Gap looks promising, maybe we should test it on a proper beta release though before everyone jumps to 516.

I already have it ready on my branch. But not sure it is time to open PR.
Wanna replace margin with gap