Media queries on firefox does not work?

I am building this website where specifically on firefox, the media queries I set is kind of messed up.
I have tested this site on chrome, safari as well as opera where everything looks fine.

On my site I have this nested grid system I set up. The whole site is a grid container and the right section of the page is a nested grid container.
On firefox, the right side grid will “disbehave” whenever I set the viewport width to

as well as everything under 700px.

I have no clue where to start to fix this.