Freecodecamp: Optimize learn platform UX for mobile devices.

[jsmolla]

Describe your problem and - if possible - how to reproduce it

Since the major update last week, FCC no longer appears optimized for mobile devices.

The text needs left margins set, as it is flush against the left side of the screen and difficult to read.

In addition, the code editor is extremely small on mobile devices, as it is sharing space with the five other panes, and is extremely difficult to expand.

Prior to the update, the mobile view was much more functional.

Aside from this, thanks for everything you've given us with the great new update!

Add a Link to the page with the problem

Tell us about your browser and operating system

I'm use Chrome on Android Marshmellow.

• Browser Name:
• Browser Version:
• Operating System:

If possible, add a screenshot here

[raisedadead]

Hi @jsmolla

Thanks a lot for the issue report. And glad to know that you like the new curriculum. This new challenge platform has been written ground up and shares very little code from the previous version.

That said we know that it lacks support for a wide wide variety of platforms.

On a really honest note this might be a while when we are so focused on bringing the new platform to a stable state. There are a lot of competing support issues that still need to be addressed.

We are committed and doing our very best to get the platform to be highly performant.

So, I would request you to bear with us. We cant promise a date, but we will get there.
Until then we request using it on a desk device if you can as a work around.

Happy coding!

[jooji-san]

@jsmolla did you try landscape mode

[jsmolla]

Yes, although landscape mode is somewhat better, when I want to type in the
code editor, the keyboard display covers so much space, you can really only
see the line of code your typing, and not the code above or below it.

I do most of my coding on a desktop, so this is far from a deal breaker for
me. I did enjoy being able to study a challenge on my phone on my lunch
break, but again, I'm not complaining, just reporting the issue because I
just love FCC and want to see it continue to thrive!

Cheers, it's almost Friday!! :)

On Thu, Jun 7, 2018, 9:25 AM giorgi shengelaia [e-mail]
wrote:

@jsmolla https://github.com/jsmolla did you try landscape mode

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/17467#issuecomment-395417869,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AmJQUC3PNOnr8tp0C6ayuzDzd--sXdp0ks5t6SnMgaJpZM4UcznI
.

[EstebanBorai]

For me the solution here is to be able to hide the panels. Let the user choose the panel they want to see just like JSBin. This way we can reuse the current layout and be able to use it with the phone using the whole screen the way the user spects to use it. Letting you "turn off" the panels you dont want to use.

[dmytroyarmak]

Hi everyone,

Our company (Levi9) organized #hack9 hackathon during which we can contribute to an #OSS project and I've registered a team to help freeCodeCamp.

Our goal during hackathon is to implement mobile layout for challenges page of freeCodeCamp.

We will keep you posted and we hope to create PR during next 24 hours.

Best Regards,
@dmytroyarmak
@MoodyBaboon
@inikolaievskyi