Simple grid layout failed by firefox-based browsers

Hi, I notice that firefox-based browsers can’t even handle a simple css grid layout. I wonder what is the cause. Look at “sample sample sample .netlify.app” (remove the space), reduce the viewport’s width below 450px and compare with chromium. The css can be found there “sample sample sample .netlify.app /css/ main.min.css”.
I don’t know why I can’t post normal links, but come on, how the hell am I supposed to show what I’m talking about ?!
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 :wink:

I’m curious, @00120260a. Could you post some pictures for comparison? I don’t have a chromium browser on me.

I’m trying to mess around with the width on firefox but I can’t seem to see anything that’s obviously wrong with it.

Is this how it should normally looked like?

I see with developer tools that it’s not like that with the mobile version. so everything is fine actually !
It’s only the desktop version of firefox that can’t stand a window shorter than 450px. regardless of website.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.