gray-mueller / gray-mueller/food-delivery-clone-app-using-react

Enatega Customer App : When no description added for a food product adjust Ui design accordingly in Double-category.

Open
#16 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Research direction

Start by running the app and reproducing the issue in a restaurant using the Double-category layout with a food product that has no description. Locate the component responsible for rendering that product card and adjust the empty-description layout so the product name and price align without awkward blank space. Done means the layout remains aligned both with and without descriptions.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.