microsoft
Resources page doesn't display well on mobile (needs CSS styling fixes)
The resources page doesn't respond (well) to mobile or smaller screen sizes. Needs a styling fix to handle this.
Is anyone working on this issue if not please let me know I want to work on it.
@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 👍
@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.
@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
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.
