How can the order of grid items be altered?

The order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order.

/* <integer> values */
order: 5;
order: -5;

/* Global values */
order: inherit;
order: initial;
order: unset;

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/order