Prevent extra middle space on the last row of a flex container with justify content: space-between

Question

When my flex container has a different number of elements in the last row than the previous rows, the space-between property makes it so that there is too much space between the elements in the last row. I would like the last element to be in the second column.

I have tried adding the following code but it just makes the gaps in the second smaller.

.grid::after {
    content: "";
    flex: auto;
}

Before adding the above code: (https://i.stack.imgur.com/bJVJS.jpg)

After adding the code: (https://i.stack.imgur.com/BuF9L.jpg) (https://i.stack.imgur.com/Qdt70.jpg)