gray-mueller / gray-mueller/restaurant-ordering-system-using-react-js

Half of Checkout Section Hidden in Order Section at 100% Page Size on Enatega Food Delivery Website

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

Description:
While navigating to the Order section on the Enatega Food Delivery website and setting the page size to 100%, a critical issue is identified where approximately half of the Checkout section becomes hidden.

Steps to Reproduce:
Visit the Enatega Food Delivery website.
Navigate to the Order section.
Set the page size to 100%.
Observe the Checkout section to identify if approximately half of it is hidden.

Expected Behavior:
At 100% page size, the entire Checkout section should be fully visible and accessible within the Order section, ensuring a seamless user experience.

Actual Behavior:
Upon setting the page size to 100%, approximately half of the Checkout section is hidden within the Order section.

13.12.2023_14.49.48_REC.mp4

Contributor guide

Open the contributing guide

Research direction

Start in the website's Order section and reproduce the issue at 100% page size, then trace the checkout layout from that entry point. Confirm the fix by checking that the entire Checkout section remains visible and accessible at 100%; no file or test path is named in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.