micah5 / PSone.css

🎮 PS1 style CSS Framework, inspired by NES.css

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bug: Slightly different demo pages using different OS

guastallaigor opened this issue · comments

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

image

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

Environment:

  • Windows 10
  • Chrome 72.0 64 bits

image

Do you happen to know why this is happening?

Hmm, interesting. I'll check it out.

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

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

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