gray-mueller / gray-mueller/restaurant-online-ordering-app-using-java

Enatega-Multivendor Customer Website Responsive Design Problem.

Open
#1,901 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Issue: Website Responsive Design Problem
Description:
Website is experiencing issues with its responsive design. The website does not adapt properly to different screen sizes and devices, leading to a suboptimal user experience on mobile devices and various screen resolutions.

Impact:
User Frustration: Users accessing the website on mobile devices or screens with different resolutions may experience frustration due to difficulties in navigating, reading, and interacting with the content.

Loss of Mobile Audience: Inadequate responsiveness can result in a loss of mobile users who prefer or primarily use mobile devices to access websites.

Steps to Reproduce:
Access website on various devices, including smartphones, tablets, and different screen resolutions.
Observe layout, content, or interactive elements not adjusting correctly to the screen size.
Notice that text may become too small or too large, images may not scale properly, and certain elements may overlap or become difficult to interact with.
Expected Resolution:
To enhance user experience and accommodate a wider audience, website responsive design should be reviewed and improved. This involves ensuring that the website adapts seamlessly to different screen sizes and devices, making content legible and interactive across a range of platforms. Addressing this issue is essential to maintain a user-friendly and accessible website.

Screenshot 2023-10-13 162146 Screenshot 2023-10-13 163559
Activity

Contributor guide

Open the contributing guide

Research direction

No file, test, or page entry point is named. Start by reproducing the problem on smartphones, tablets, and different screen resolutions, checking layout, text, images, and interactive elements. Done means the website remains legible, non-overlapping, and usable across the reported screen sizes.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.