The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> difference grid between firefox and chromium, a minimum width appears with overflow in firefox below 450px-width vie
Sentinel166
post Nov 15 2023, 03:28 AM
Post #1


Novice
**

Group: Members
Posts: 21
Joined: 19-March 23
Member No.: 28,859
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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Nov 15 2023, 10:30 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,739
Joined: 10-August 06
Member No.: 7
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. unsure.gif

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 16 2023, 05:18 AM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,763
Joined: 9-August 06
Member No.: 6
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Nov 16 2023, 03:27 PM
Post #4


Programming Fanatic
********

Group: Members
Posts: 1,991
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088
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.

This post has been edited by CharlesEF: Nov 16 2023, 03:27 PM
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 16 2023, 04:05 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,763
Joined: 9-August 06
Member No.: 6
You are right. Sloppy eyes, me. Sorry.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 10th November 2024 - 02:23 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC