[Bug]: The sidebar overlaps the content

[victorlunam]

trafficstars

Summary

userAgent

# navigator.userAgent
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

screen sizes

• height: 824
• width: 1445

issue

the sidebar is displayed on top of the content, the same problem occurs on different pages

Page

https://react.dev/learn

Details

some issues related:

• https://github.com/reactjs/react.dev/issues/5588
• https://github.com/reactjs/react.dev/pull/5591

[tusharagrawall]

give me the honour of resolving this bug. ill do this within few minutes. @victorlunam

[victorlunam]

give me the honour of resolving this bug. ill do this within few minutes. @victorlunam

of course, could resolve this issue. for my part I made a PR, offering a possible solution https://github.com/reactjs/react.dev/pull/6943.

see the result here

[zizairufengLT]

I think you can adjust your browser default font size to 16px or larger.

[victorlunam]

I think you can adjust your browser default font size to 16px or larger.

I think that adjusting the default font size or changing some similar setting will never be the solution, considering that the screen size is the standard one.