Key Information

Register
Submit
The challenge is finished.
Show Deadlines

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.
 

Final Submission Guidelines

Submit Git patch for Community App (using the latest commint in develop branch), along with a brief explanation on the reason of this issue, and how you have fixed it.

Payments

Topcoder will compensate members in accordance with our standard payment policies, unless otherwise specified in this challenge. For information on payment policies, setting up your profile to receive payments, and general payment questions, please refer to ‌Payment Policies and Instructions.

ELIGIBLE EVENTS:

2018 Topcoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board
?

Approval:

User Sign-Off
?

ID: 30059815