firefox fails the simplest grid layout possible below arbitrary vw of 450px

[sentinel166]

Hi, I notice that firefox-based browsers can’t even handle a simple css grid layout. I wonder what is the cause. Look at samplesamplesample.netlify.app reduce the viewport’s width below 450px and compare with chromium. The css can be found there “https://samplesamplesample.netlify.app/css/main.min.css”.
The only pecularity I can think of, is the fact I use itself as the container, to simplify the dom structure. No reason it shouldn’t work, it does fine with chromium. Otherwise it’s literally the simplest grid layout possible.

Thanks for your help

 

[Antero360]

Hi, I notice that firefox-based browsers can’t even handle a simple css grid layout. I wonder what is the cause. Look at samplesamplesample.netlify.app reduce the viewport’s width below 450px and compare with chromium. The css can be found there “https://samplesamplesample.netlify.app/css/main.min.css”.
The only pecularity I can think of, is the fact I use itself as the container, to simplify the dom structure. No reason it shouldn’t work, it does fine with chromium. Otherwise it’s literally the simplest grid layout possible.

Thanks for your help

Hi there,

What version of firefox are you using?