How to make a list on flexbox so that at the end the blocks do not rise at the edges?

Question

css

I enter styles for the list:

display: flex;
flex-wrap: wrap;
justify-content: space-between;

justify-content: space-between;- all the troubles because of him, but then how to make them stand indented, thereby not indenting the block that is the last in the row?

It turns out everything is as in the image:



How to do this?

Answer 1

I think the correlation of everything will be easy to understand. In the example, the gap is emulated at 20px. On flex's, this is the only way.