How to arrange flex items in 2 lines?

Question

css

Please tell me how to arrange flex items in 2 lines so that it turns out like this: I

use the flex-wrap property, but something doesn’t work.
Code example: https://codepen.io/kiskiskit/pen/abmGpZq

Answer 1

flex wrap

Answer 2

You need to set the .content block to justify-content: space between;