I would like to be able to define the screen sizes that will result in each of the three layouts provided.
The biggest issue we are having is with users on mobile (small screen) turning their devices sideways, resulting in the medium screen layout being displayed. Because of the degree of customization we did on each of the three layouts, this switch means the user loses their progress and any selection they've made. And, the tablet layout is unintelligible on a sideways phone due to how squished it becomes. Also, our app includes an embedded URL with a video which can be made full screen, and turning the device stops the video playing.
By just expanding the range of the screen widths considered "small" to encompass the heights of common mobile devices, I believe we could prevent this issue.
There are probably plenty of other solutions to this problem, and I would probably accept any of them.
