What I see in the Silex editor's mobile views, is very different from what I get on several popular mobile browsers

[pinecone460]

It seems there is some issue with the elements sizing properly (or at least as Silex thinks they are going to size) on mobile devices. There is also sometimes inconsistent resizing of text (some text is made larger to account for the mobile device, while other text is not). As far as I can tell, the text size settings for these differently-appearing elements are the same as each other all the way down the list of screen sizes.

I've attached what the site looks like in Silex's mobile viewer for Firefox on Linux, and then what it looks like in Firefox for Android and Safari for iOS. I've also attached what it looks like in the LineageOS default browser, which, for some reason, seems to be one of the only web browsers I can find that adopts the sizing and layout changes as seen in the designer.

Unfortunately, I don't think I know enough about what is causing this to create an isolated case – I spent several hours trying to find the source of the issue in order to work around it, but no changes seemed to fix much.

You can also see the site here: [[https://pineco.net/]]
or its source code here: [[https://framagit.org/pinecone460/silex_pineco.net/]]

Desktop Firefox version is 137.0 on Fedora 41
Mobile Firefox version is 137.0 on Lineage/microG 22.1 (Android 15) on Fairphone 4, and the default Lineage browser ships with the same
Safari version is as built-in on iOS 18.3.2 on iPhone SE, 3rd generation

Desktop editor:

Firefox for Android:

Safari for iOS: (note: this is not to point out the awkward blue link coloring for the phone number, that's mine to fix)

Lineage Android browser:

[lexoyo]

Hello
Did you check what the tablet version look like in silex?
The breakpoints for desktop, tablet... Are based on the device width, so most .mobiles will fall in the tablet category
i think we should let the user decide which breakpoint they want but it is hard coded for now
If you fix the tablet mode it should fix your problem
let me know how it goes ?

[pinecone460]

Thanks for getting back to me!

This explains the element layout, though not the shifting text sizing (how the iOS Safari and Firefox Android screenshots have tiles with different text sizes – all the tiles are supposed to be formatted the same.)

It seems that when I try and fix the tablet mode, any changes I make also apply to the Desktop mode, so it's hard to fix one without breaking the other. Is this intentional? Is there any way around it?