MareoRaft/calendar

display less columns on small screens

MareoRaft opened this issue · 0 comments

Use mobile-first / screen width targetting with SASS to make the number of columns change depending on the screen width.

Suggestion:

  • vertical iphone - 3 cols
  • horizontal iphone - 5 cols
  • ipad or larger - 7 cols

The header should also be shortened on mobile if necessary so it fits nicely and so user can click the arrow buttons without much trouble.