Flexbox not scaling correctly on all screens

Design help General
1

Hey there I’m in some desperate need of help. Working on the landing page of my portfolio. I have 12 divs in a grid which I created using flexbox. Problem is it doesn’t scale on different screens. On Mobile landscape I want a row of 2. Can’t figure it out…working on it for hours. Can you take a look

https://preview.webflow.com/preview/stanleys-stunning-site?preview=d024ac852ed73d7f853309b75f662780

Thanks

Stanley

Here is my public share link: LINK
(how to access public share link)

2

Try wrapping your child elements:

1248×658 2.24 MB

3

I can’t get it to work, maybe it’s my overlay div I made a test on another page without it and works fine. Just can’t replicate with this treatment…?

https://preview.webflow.com/preview/home-page-v2?preview=12b090400dc7f78bffda4e1ba10ad5a5