MLH-Fellowship / MLH-Fellowship/prep-react-template
Improve mobile usability
Open
Nobody has claimed this yet.
bug
template
- Dominant language
- JavaScript
- Stars
- 4
- Forks
- 10
- PR merge metrics
- No merged PRs in 30d
Description
The card that displays the weather information isn't responsive. It's far too narrow on mobile, and too wide on desktop. Can you look into making it be an appropriate size on all screen sizes.
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
Locate the component and styles for the weather information card, then inspect its layout at mobile and desktop widths. Adjust the responsive sizing and verify that the card is appropriately sized across screen sizes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100