gray-mueller / gray-mueller/online-food-ordering-solution-using-mern-stack

Cart Image Alignment on Empty Cart in Enatega Multivendor Customer App

Open Beginner friendly
#445 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Description:
When the user empties the cart in the Enatega Multivendor Customer App, there is an issue with the alignment of the cart image. Currently, the image is displayed on the left side, but it should be centered for a more visually appealing and consistent user experience.

Steps to Reproduce:
Open the Enatega Multivendor Customer App.
Add items to the cart.
Navigate to the cart section.
Remove all items from the cart.

Expected Result:
The cart image should be displayed in the center of the screen when the cart is empty.

Actual Result:
The cart image is shown on the left side of the screen when the cart is empty.

image

Activity

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Search the customer app for the empty-cart view and the image rendered after all items are removed. Reproduce the empty-cart state, inspect the surrounding layout and alignment, and verify that the image is centered on screen without affecting the non-empty cart view.

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
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.