gray-mueller / gray-mueller/milk-delivery-app-react
Enatega Customer app: Add padding on both left/right side of Food categories
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the solution you'd like
Currently, the Food Categories section lacks adequate padding on the left and right sides, making the content appear too close to the screen edges. This affects readability and UI balance, especially on different screen sizes.
Suggested Improvement:
Add consistent padding/margin on both left and right sides of the Food Categories section to improve spacing and visual alignment.
Ensure responsiveness so that the padding adjusts appropriately across different devices.
Expected Outcome:
The food categories will have better visual structure and proper spacing, improving the overall UI/UX.
Contributor guide
Research direction
Locate the Food Categories section in the customer app and inspect its current layout and responsive styling. Add consistent left and right spacing that adapts across screen sizes, then verify the section remains visually aligned on different devices.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100