search

MyTurn-OpenSource / pyturn

MyTurn implementation with Python backend and HTML/CSS/JavaScript frontend
Other
3 stars 0 forks source link

needs bigger fonts and widgets on mobile devices #7

Closed jcomeauictx closed 6 years ago

jcomeauictx commented 6 years ago

fix CSS and possibly HTML to make buttons, input fields, and other important info show up readably on phones and smaller tablets.

jcomeauictx commented 6 years ago

see https://alistapart.com/article/responsive-web-design

https://www.sitepoint.com/community/t/high-resolution-phones-and-tablets/37828 for reference

also https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ and https://stackoverflow.com/questions/42165713/high-resolution-devices-display-extra-small-bootstrap-layout

explanation of media width: http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

more: https://webplatform.github.io/docs/tutorials/understanding-css-units/

https://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

jcomeauictx commented 6 years ago

fixed with @media css rule, at least sufficiently for BLU phone. reopen if problem appears on other devices.