marthaegrimaldi / marthaegrimaldi/zomato-clone-source-code

Misalignment of Payment Method Buttons in Checkout Section in Enatega Food Delivery Site

Open Beginner friendly
#1,538 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
1
Forks
2
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

Open the contributing guide

Research direction

Start by reproducing the issue in the website's checkout section: add items, proceed to checkout, and select PayPal. Inspect the checkout payment-method UI and its alignment behavior; done means the PayPal and credit/debit card buttons are uniformly aligned.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, payments
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.