Is it possible to reverse the order of the columns in a Grid component?

[piducancore]

Hey, everyone 👋
I have a Grid component with two columns like this:

<Grid columns={[ 1, 2 ]}>
    <Box>Column A</Box>
    <Box>Column B</Box>
</Grid>

Is it possible to reverse the order of columns at different screen sizes?

[lachlanjc]

There's nothing custom in Theme UI for this, but standard CSS will do it:

<Grid columns={[ 1, 2 ]}>

    <Box sx={{ gridColumn: [null, 2] }}>Column A</Box>

    <Box sx={{ gridColumn: [null, 1] }}>Column B</Box>

</Grid>

[piducancore]

Thank you 🙏