Create conditional CSS layout to make it moble-friendly for 640x800 screens.
- Dominant language
- PHP
- Stars
- 3
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
As of current state, the mobile view is horrible, with background image not covering the entire screen, genre links minimum size is too large, hard to press buttons, etc.
Create a more friendly layout for mobile, taking into account button sizes, background image, and mobile-friendly UI.
Suggestion would be to use CSS @media tag to create specific mobile only rules without having to change default CSS.
Consider changing the layout of genre links to something more appropriate as well.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by locating the existing CSS and page layout, then inspect the current view at 640x800. Done means the background covers the screen, buttons and genre links are usable on mobile, and the layout remains appropriate without changing the default desktop rules.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100