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.

Open
#3 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 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 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.