We currently use 768px width to mean this is a tablet. This number was based on iPad mini in portrait mode.
At what width should we treat content as 'desktop'?
Investigator should have a look at our most popular devices that we want to target and work out the best threshold to apply this mode to.
Spike: 1hr maximum
Comment from other task:
"768 makes sense as the entry threshold to tablet, but we need a max-width also. iPad landscape is 1024, and with 65px margins on each side you get 894. (Sorry not 893)
I thought it worked pretty well to constrain to 894 on desktop too for consistency, but I think its right to explore desktop more thoroughly."
We need to consider line length and text size for readability. We're currently at ~16px text and 894px line length, and so it is a bit over the recommended 75 character per line count.
We could use fluid text sizes but thats a bit more complicated.
Update we have currently defined @wgMFDeviceWidthDesktop: 62.5em; // 1000px
So let's use this and see where it gets us and reopen if this is an issue.