Resources page doesn't display well on mobile (needs CSS styling fixes)

[kikisaints]

The resources page doesn't respond (well) to mobile or smaller screen sizes. Needs a styling fix to handle this.

[krunalkharat]

Is anyone working on this issue if not please let me know I want to work on it.

[kikisaints]

@krunalkharat you're welcome to submit a PR for it! I haven't had the time recently to get back to it, so feel free 👍

[saadhaxxan]

@kikisaints I have gone through the whole code not only the resource but also the main index page is also not responsive. The website needs a complete upgrade most of the styling is inline that doesn't allow to change the behavior of the whole page. A complete upgrade in file structure is required.

[asklar]

@kikisaints @chrisglein a lot of this I bet is due to us using Docusaurus v1 to produce the website. We should re-evaluate this once we move to v2 with #269

[chrisglein]

Most pages look not so terrible at the moment. Resources is bad though. We may be able to fix this with some quick CSS tweaks.

Some problem styles at a glance: .column, .resourcesSideNavLinkColumn has a set width: 50%. .resourcesPageSideNav has a set width: 25%. #homepage element has a set margin-left:50px, and that needs to scale down on constrained device widths.

Fix those three and it's tolerable. Although need to move the side nav to not be fixed as a side nav. For example the APIs page one docsNavContainer shifts based on some @media rules.