Webpage element looks different in Firefox

Questions
1

Hi guys, I noticed that a certain element of my website looks different/wrong in Firefox even though it looks as it should everywhere else (Chrome, within Divhunt, the preview). How can I get it looking right in both browsers? Any help would be appreciated!

Webpage URL: https://love-machine-nyc--tattoo-studio.divhunt.art/

Here is the element I am taking about.

In Chrome (good):

image
image1565×1121 121 KB

In Firefox (not good):

image
image1621×1041 139 KB

2

Seems like this is native firefox behaviour for some reason, its not that smart to understand width of an element. You can fix it by setting that image min-width to 96px, instead of max-width.

1 Like
3

That fixed it, thanks a lot :pray:

I see Firefox has some wierd ways to interpret CSS :man_shrugging: