Horizontal flex wraps at different viewports

Hi there,

I was practicing some layout variations and I’m having a CSS issue that a horizontal flex div doesn’t always wrap at the same viewport. I’m not sure what’s causing it to wrap/unwrap at different viewport widths.

Here’s a quick video explaining the behaviour:

Any help or pointers are appreciated!

Here is my site Read-Only: LINK