search

kevin-shannon / sudoku

1 stars 1 forks source link

Fit sudoku grid to screen #1

Closed tannerkrewson closed 4 years ago

tannerkrewson commented 4 years ago

I've used some relative CSS units like vh and vw and the min and calc CSS functions to attempt to better fit the sudoku grid to any screen shape. Here's my laptop screen for example: Before:

before

After:

after

Try the chrome dev tools device simulator to see that it also looks much better on phones too! The numbers probably still need more tweaking to get it exactly the way you want it, but hopefully this will help you get started. 🎉

kevin-shannon commented 4 years ago

Ah yes, this was something that was in the back of my head. Figured there would be some issues on other displays. Thanks for starting this off.