Why is flexbox not working?

Question

css

Hello! I can't figure out why the flexbox container in the lookbooks section doesn't work the way I want it to? It is necessary that 3 elements line up on the big screen, but with the flex-wrap: wrap. Code https://jsfiddle.net/9kp9r3fk/ Thanks!
Addition: When I make the scale in the browser at 25%, then everything works as it should.

Answer 1

Set and remove .lookbookmargin -right and padding-rightflex: 1

Answer 2

Che t I also dull in the morning, I don’t see the reason. max-width: 33% (slightly less) at the desired screen width, of course, everything decides.