Challenge Overview
In theory, our Community App supports mobile layouts on most of the pages; e.g. this is how the challenge details page looks in Chrome when iPhone 6 screen size is emulated using dev tools:
The generic HTML template for Community App pages, contains <meta content="width = device-width, initial-scale = 1.0" name="viewport" />. Again, in theory, it should instruct an iPhone 6 to render the page inside a virtual viewport with the width 375px, and then to properly lay it out according with the media rules in our stylesheets.
In practice, however, on a real iPhone 6 device (and we bet, this problem is present on other devices as well) we see that the app is rendered with desktop layout instead (but with mobile width), so we get this mess:
We hope you will help us to track and fix the reason of this bug.
The generic HTML template for Community App pages, contains <meta content="width = device-width, initial-scale = 1.0" name="viewport" />. Again, in theory, it should instruct an iPhone 6 to render the page inside a virtual viewport with the width 375px, and then to properly lay it out according with the media rules in our stylesheets.
In practice, however, on a real iPhone 6 device (and we bet, this problem is present on other devices as well) we see that the app is rendered with desktop layout instead (but with mobile width), so we get this mess:
We hope you will help us to track and fix the reason of this bug.