Bug: Slightly different demo pages using different OS

micah5 / PSone.css

🎮 PS1 style CSS Framework, inspired by NES.css

https://micah5.github.io/PSone.css/

MIT License

620 stars 33 forks source link

Bug: Slightly different demo pages using different OS #15

Open guastallaigor opened 5 years ago

guastallaigor commented 5 years ago

I've notice that when I enter in the Demo page in Ubuntu is showing up correctly, like this:

Environment:

Ubuntu 18.04
Chrome 72.0 64 bits

But in Windows 10 is showing up differently for some reason:

Environment:

Windows 10
Chrome 72.0 64 bits

Do you happen to know why this is happening?

micah5 commented 5 years ago

Hmm, interesting. I'll check it out.

I've only ever tested it on my laptop (osx, so unix based like ubuntu).

xoxefdp commented 3 years ago

I noticed that the demo page shows a "Fork me" link referencing https://github.com/98mprice/PSone.css not this one.

Allakazan commented 1 year ago

It's a problem with the line-height property apparently. I changed the .title line-height to 34px and removed the bottom margin and it kinda works like the expected on Chrome (Win 10). But further testing might be needed to determine a solution that works on both Ubuntu and Win10 Chrome browser :)

box-sizing might be the issue somehow but i changed it to border-box and didn't seem to change anything