gray-mueller / gray-mueller/full-stack-document-solution

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

Ouverte
#173 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
0
Forks
0
Métriques de merge des PR
Aucune PR mergée en 30 j

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Start by reproducing the checkout flow on the Enatega food delivery site, selecting PayPal after adding items to the cart. Locate the checkout payment-method UI and its styling, then verify that the PayPal and credit/debit card buttons share consistent alignment when the issue is fixed.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
typescript
Domaine
frontend, payments
Type d'issue
Bug
Difficulté
2/5
Temps estimé
1-3 heures
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
58/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.