Beta React docs: CSS issue overlaping nav bar and main content
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 11.8k
- Forks
- 7.9k
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 11
Description
At https://beta.reactjs.org there is a CSS issue.
Pictures worth thousand words so...
Note:
quick work-around: if you add a max-width of 300px to the aside on the left, that would fix the thing.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Open https://beta.reactjs.org and reproduce the overlap shown in the attached screenshots, then inspect the layout and CSS for the left aside and main content. Compare the result with the suggested 300px maximum width for the aside; done means the navigation and main content no longer overlap at the affected viewport.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript, react
- Domain
- documentation, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100