gray-mueller / gray-mueller/food-ordering-app-clone-using-react-js
Enatega Customer App : When no description added for a food product adjust Ui design accordingly in Double-category.
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
In the Double-category layout, when a food product does not have a description, there is an awkward blank space between the product name and its price. This disrupts the visual flow and makes the UI look incomplete or misaligned.
To Reproduce
Steps to reproduce the behavior:
Open the app and navigate to a restaurant using the Double-category layout.
Find a food product that has no description added.
Observe the space between the product name and its price.
Expected behavior
When no description is provided, the UI should automatically adjust to remove or reduce the space, aligning the product name and price neatly.
Smartphone (please complete the following information):
Device: [e.g. Infinix HOT 50]
OS: [e.g. Android]
Browser [e.g. Application]
Version [e.g. Latest]
Contributor guide
Research direction
Start by reproducing the issue in the app using the Double-category layout and a food product without a description. Locate the product display responsible for the name, description, and price spacing, then verify that the layout remains aligned when the description is absent.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100