lambertf917 / lambertf917/react-native-uber-eats-clone
Misalignment of Payment Method Buttons in Checkout Section in Enatega Food Delivery Site
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 3
- Forks
- 5
- PR merge metrics
- No merged PRs in 30d
Description
Description:
In the Enatega food delivery website's checkout section, there is a misalignment issue with the placement of payment method buttons. Specifically, when the PayPal method is selected, the PayPal button is positioned on the left, while the credit/debit card button is centered.
Steps to Reproduce:
Visit the Enatega food delivery website.
Add items to the cart and proceed to the checkout section.
Select PayPal as the payment method.
Expected Behavior:
The payment method buttons should be uniformly aligned for a consistent and user-friendly experience.
Actual Behavior:
When PayPal is selected, the PayPal button is positioned on the left, creating a misalignment with the credit/debit card button, which is centered.
image
image
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the checkout flow in the Enatega food delivery site: add items, open checkout, and select PayPal. Inspect the checkout payment-method UI and compare the PayPal and credit/debit card button alignment; done means both buttons are uniformly aligned.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend, payments
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 62/100