Why does the grid display this the wrong way round?

[signal mirage]

As soon as I make the window smaller, and it switches, the order is correct again. Where is my mistake?

[glad imp]

You may be using the wrong prop
Use span={{ sm: 12, lg: 9, xl: 9 }} instead of order