Problem descriptions show badly on mobile

[rodrigogiraoserrao]

Opening the website on mobile devices we see the problem descriptions get squashed horizontally, making them take too much vertical space.

To Reproduce
Open problems.tryapl.org on a mobile device.

Screenshots

Smartphone

• Device: MI 8
• OS: Android 10;
• Browser Chrome 85.0
  (And also on an iPhone 6, Safari)

[rikedyp]

While this has been improved in 6e43b73
It is a good idea in the future to refactor style.scss so that mobile settings are in the default, and desktop settings go in the media query. I believe this will aleviate some of the ugly hacking and !important stuff I've done

[rikedyp]

Certain specific problems e.g. 2019 P4 Knight Moves have been manually CSS'd into submission for desktop. A better scheme needs devising for these layouts on mobile

[rikedyp]

Not closing this just yet, but it should be much better now - in particular note that 2019.md has custom css inside with a @media query, switching between display:block and display:inline-flex for mobile and desktop respectively