javascript-tutorial / javascript-tutorial/en.javascript.info
Horizontal sidebar on mobile page version
- Dominant language
- HTML
- Stars
- 25.5k
- Forks
- 4k
- PR merge metrics
- No merged PRs in 30d
Description
Hey! I'd like to point out that the _"Get coordinates using button.getBoundingClientRect() for this button"_ button is making this page have a horizontal sidebar on mobile devices.
This isn't ideal since this is the only element that overflows the maximum width of mobile devices display.
What I'd suggest is resizing this button for mobile users, such that the button would fit the page. This can be achieved through CSS, setting up a maximum width of the button on mobile screens, the text will overflow to the next line.
Cya
Contributor guide
No contributing guide indexed for this repository
Research direction
Locate the page containing the “Get coordinates using button.getBoundingClientRect() for this button” button and inspect its CSS at mobile widths. Check the page in a narrow viewport; done means the button fits within the screen, its text can wrap, and no horizontal overflow remains.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100