search

FAC-11 / jaam-todo-list

https://FAC-11.github.io/jaam-todo-list
0 stars 0 forks source link

On a mobile screen list items look small #28

Open azayneeva opened 7 years ago

azayneeva commented 7 years ago

Please, consider making font size responsive

oliverjam commented 7 years ago

I like using viewport units for the body font size. Two things you could do to improve it:

  1. Add a normal fallback font-size for older browsers that don't support viewport units (CSS cascades so if you put this first it will be overwritten by the second for supporting browsers)

  2. Use calc to ensure the font doesn't get too small. You can do font-size: calc(1em + 1vw); and that will ensure the font is at least 1em.

Here's a good article if you want to take this to the next level:

https://css-tricks.com/snippets/css/fluid-typography/