gray-mueller / gray-mueller/online-food-ordering-platform-in-python
Enatega Customer App : When no description added for a food product adjust Ui design accordingly in Double-category.
- Dominant language
- JavaScript
- 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 running the customer app and reproducing the Double-category layout with a food product that has no description. Trace the product card UI responsible for the name, description, and price, then verify that products without descriptions no longer show awkward blank space and that products with descriptions remain unchanged.
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
- 45/100