Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ difference grid between firefox and chromium

Posted by: Sentinel166 Nov 15 2023, 03:28 AM

Hi,
I noticed that firefox (-based browsers) seem to f**k up even simple grid layouts, unlike chromium(-based) browsers.
You can look at https://samplesamplesample.netlify.app/, reduce the window's width to 450px and observe the difference between the two browsers. I do not know what causes this, especially since my layout is very basic. With the exception that the container is <body> itself, which shouldn't be an issue.

Thanks for your help

Posted by: Christian J Nov 15 2023, 10:30 AM

QUOTE(Sentinel166 @ Nov 15 2023, 09:28 AM)

You can look at https://samplesamplesample.netlify.app/, reduce the window's width to 450px and observe the difference between the two browsers.

I didn't see any difference. Maybe the layout didn't change at the exact same width, but that could also be due to different default zoom levels in my browsers.

Posted by: pandy Nov 16 2023, 05:18 AM

Neither do I. The only difference I see isn't related to layout. The word "Search" in the top left corner is yellow in FF and white in Edge.

Both "Search" and "Preamble" disappear in a narrow window, in both browser.

Posted by: CharlesEF Nov 16 2023, 03:27 PM

QUOTE(pandy @ Nov 16 2023, 04:18 AM)

Both "Search" and "Preamble" disappear in a narrow window, in both browser.

I didn't notice any difference either. For me, in FF and Edge, both "Search" and "Preamble" turn into a hamburger icon.

Posted by: pandy Nov 16 2023, 04:05 PM

You are right. Sloppy eyes, me. Sorry.