Why is flex box not acting reponsive

my flex is not being responsive when the screen width is lower, it acts as if there is no free space. Also, when I justify-content differently, it makes no difference.

Here’s the link to codepen

Nevermind, I found the solution. It turns out that I had to set max-width for my divs inside the flex-box