How do I properly space "flex-*-reverse" items with "space-*-*" utilities?

[ariesclark]

Describe the problem:

space-x-* used with flex-row-reverse doesn't properly space as you'd expect it would.

Link to a minimal reproduction:

https://play.tailwindcss.com/VDTZ7rAdIu

[Krutsch]

You also need to inverse the spacing in this case:
Try adding space-x-reverse

[simonswiss]

That's it 👍

Here's a video that covers this topic, if interested:

https://www.youtube.com/watch?v=wTRTC4JNSGs

[simonswiss]

That's it - @Krutsch's answer is correct.

I will convert this to a GitHub discussion as some folks might find this one useful 👍