gray-mueller / gray-mueller/foodpanda-clone-using-react-native

Enatega Customer app: Add padding on both left/right side of Food categories

Open
#125 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
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

Open the contributing guide

Research direction

Start by locating the Food Categories section in the customer app and inspect its current layout and spacing. Add consistent responsive horizontal padding, then verify the categories have balanced spacing from both screen edges across different device sizes.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.