search

covid19india / covid19india-react

Tracking the impact of COVID-19 in India
https://www.covid19india.org
MIT License
6.86k stars 3.41k forks source link

The word INDIA in the logo is wrapping in the next line [Chrome Only] #2367

Closed sarbbottam closed 3 years ago

sarbbottam commented 4 years ago

Describe the bug The word INDIA in the logo is wrapping in the next line [Chrome Only]. Please refer to the attached screenshot. So far I have only observed it on Chrome, not reproducible in Edge, Firefox, and Safari at my end.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://www.covid19india.org/ on Chrome
  2. Observe the logo

Expected behavior All the letters of the word INDIA should be in same line.

Screenshots

Screen Shot 2020-10-05 at 4 30 28 PM

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context Not reproducible in Edge, Firefox, and Safari at my end. Seems like Chrome only bug.

shuklaayush commented 4 years ago

Might be because of font-size scaling. Check your Chrome settings?

sarbbottam commented 4 years ago
Screen Shot 2020-10-05 at 10 33 06 PM
sumanth-culli commented 4 years ago

Looks fine in my machine. Version 86.0.4240.80 (Official Build) (x86_64) Catalina 10.15.6

swoodipto commented 4 years ago

Looks fine on my Chrome and Vivaldi (both chrome based).

on Catalina 10.15.7

When I change the browser font-scaling to large, only then I see this. Looks to be a scaling issue on your browser.

shivangswain commented 4 years ago

What exactly is your screen resolution? Are you using a secondary display? This seems like a resolution/scaling problem.

mradul2 commented 4 years ago

Is fine on my machine (on Chrome). Chrome Version : 86.0.4240.183 (Official Build) (64-bit) On changing browser font-size too, it is unaffected, But on changing the font - size on div.navbar-middle the problem seems to arise: font-size: 12px;
You might have the problem when you have loaded your source code, and it must not be permanent.

singparvi commented 3 years ago

Fine on my machine as well. Using Version 87.0.4280.88 (Official Build) (64-bit) on Windows 10.

Sayan-Nandy commented 3 years ago

Happening on my machine as well, in Firefox(87.0) on Manjaro-KDE(5.21.1)

shivangswain commented 3 years ago

Happening on my machine as well, in Firefox(87.0) on Manjaro-KDE(5.21.1)

It'd be really helpful if you could also let us know your screen resolution and OS & browser scaling settings.

Sayan-Nandy commented 3 years ago

Happening on my machine as well, in Firefox(87.0) on Manjaro-KDE(5.21.1)

It'd be really helpful if you could also let us know your screen resolution and OS & browser scaling settings.

My screen resolution is 1920x1080(16:9) Both OS and browser scaling are at default(100%) Obviously, this is a very minor detail in an otherwise excellent and very functional website. Cheers!

adarshsunil commented 3 years ago

Please check the browser scaling/zoom settings. tested and working perfectly in chrome, opera and brave

shuklaayush commented 3 years ago

Closing due to inactivity